chore :: console error solve

team-xquare · May 7, 2024 · baf8573 · baf8573
1 parent 22eab99
commit baf8573
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 12 deletions.
diff --git a/src/components/Main/FirstContainer.tsx b/src/components/Main/FirstContainer.tsx
@@ -45,15 +45,15 @@ const MainContainer = styled.div`
   right: auto;
   color: white;
   z-index: 3;
-  > div:nth-child(1) {
+  > div:nth-of-type(1) {
     font-size: 48px;
     font-weight: 700;
   }
-  > div:nth-child(2) {
+  > div:nth-of-type(2) {
     margin: 32px 0 64px 0;
     font-size: 20px;
   }
-  > div:nth-child(3) {
+  > div:nth-of-type(3) {
     width: 190px;
     height: 64px;
     border: 1px white solid;

diff --git a/src/components/Main/SecondContainer.tsx b/src/components/Main/SecondContainer.tsx
@@ -67,13 +67,13 @@ const LeftBox = styled.div`
   flex-direction: column;
   gap: 40px;
   color: #17181a;
-  > div:nth-child(1) {
+  > div:nth-of-type(1) {
     font-size: 32px;
     font-weight: 700;
     line-height: 42px;
     margin-top: -12px;
   }
-  > div:nth-child(2) {
+  > div:nth-of-type(2) {
     font-size: 16px;
     font-weight: 600;
     color: #9245db;
@@ -98,11 +98,11 @@ const DescriptionBox = styled.div`
   gap: 24px;
   align-items: start;
   color: #17181a;
-  > div:nth-child(1) {
+  > div:nth-of-type(1) {
     font-size: 20px;
     font-weight: 700;
   }
-  > div:nth-child(2) {
+  > div:nth-of-type(2) {
     font-size: 16px;
     line-height: 24px;
   }

diff --git a/src/components/Main/ThirdContainer.tsx b/src/components/Main/ThirdContainer.tsx
@@ -58,7 +58,7 @@ const CardBox = styled.div`
   flex-direction: column;
   align-items: center;
   cursor: pointer;
-  > div:nth-child(1) {
+  > div:nth-of-type(1) {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -69,12 +69,12 @@ const CardBox = styled.div`
       width: 208px;
     }
   }
-  > div:nth-child(2) {
+  > div:nth-of-type(2) {
     font-size: 20px;
     font-weight: 700;
     margin-top: 26px;
   }
-  > div:nth-child(3) {
+  > div:nth-of-type(3) {
     font-size: 16px;
     margin-top: 22px;
     text-align: center;

diff --git a/src/pages/Main.tsx b/src/pages/Main.tsx
@@ -37,12 +37,12 @@ const SubFooter = styled.div`
   flex-direction: column;
   align-items: center;
   background-color: #6fe09e;
-  > div:nth-child(1) {
+  > div:nth-of-type(1) {
     font-size: 16px;
     font-weight: 700;
     color: white;
   }
-  > div:nth-child(2) {
+  > div:nth-of-type(2) {
     font-size: 56px;
     font-weight: 700;
     text-align: center;