diff --git a/src/components/Main/FirstContainer.tsx b/src/components/Main/FirstContainer.tsx index 179e8ef..54a8da4 100644 --- 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 index 7416af4..326ca8b 100644 --- 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 index 36329ed..dd9a353 100644 --- 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 index bb22ebe..3dde160 100644 --- 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;