From 2f2b9b2fc2f5e8f3174a0c86a95be0c056c4e1bb Mon Sep 17 00:00:00 2001
From: Chan Lee <120288440+1eecan@users.noreply.github.com>
Date: Thu, 9 May 2024 14:56:41 +0900
Subject: [PATCH] =?UTF-8?q?refactor:=20=EC=9B=B9=EB=B7=B0=EC=97=90?=
 =?UTF-8?q?=EC=84=9C=20=EB=B0=9C=EC=83=9D=ED=95=98=EB=8A=94=20=EC=97=90?=
 =?UTF-8?q?=EB=9F=AC=EB=A9=94=EC=84=B8=EC=A7=80=20=ED=95=B4=EA=B2=B0?=
 =?UTF-8?q?=EC=9D=84=20=ED=95=98=EA=B8=B0=20=EC=9C=84=ED=95=B4=20css=20?=
 =?UTF-8?q?=EC=84=A0=ED=83=9D=EC=9E=90=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* nth-child => nth-of-type
---
 src/pages/WebViewPage/WebViewPage.tsx | 28 +++++++++++++--------------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/src/pages/WebViewPage/WebViewPage.tsx b/src/pages/WebViewPage/WebViewPage.tsx
index 70f89fc..5548460 100644
--- a/src/pages/WebViewPage/WebViewPage.tsx
+++ b/src/pages/WebViewPage/WebViewPage.tsx
@@ -370,10 +370,10 @@ const Carousel = styled.div`
   align-items: center;
   overflow: hidden;
 
-  & > img:nth-child(2) {
+  & > img:nth-of-type(2) {
     animation-name: secondAnimation;
   }
-  & > img:nth-child(3) {
+  & > img:nth-of-type(3) {
     animation-name: thirdAnimation;
   }
 `;
@@ -482,39 +482,39 @@ const StackContainer = styled.div`
     opacity: 0;
   }
 
-  &.backEndStack > :nth-child(1),
-  &.frontEndStack > :nth-child(1) {
+  &.backEndStack > :nth-of-type(1),
+  &.frontEndStack > :nth-of-type(1) {
     opacity: 0;
     animation: opacityChange 1s forwards;
     animation-delay: 100ms;
   }
 
-  &.backEndStack > :nth-child(2),
-  &.frontEndStack > :nth-child(2) {
+  &.backEndStack > :nth-of-type(2),
+  &.frontEndStack > :nth-of-type(2) {
     opacity: 0;
     animation: opacityChange 1s forwards;
     animation-delay: 180ms;
   }
-  &.backEndStack > :nth-child(3),
-  &.frontEndStack > :nth-child(3) {
+  &.backEndStack > :nth-of-type(3),
+  &.frontEndStack > :nth-of-type(3) {
     opacity: 0;
     animation: opacityChange 1s forwards;
     animation-delay: 260ms;
   }
-  &.backEndStack > :nth-child(4),
-  &.frontEndStack > :nth-child(4) {
+  &.backEndStack > :nth-of-type(4),
+  &.frontEndStack > :nth-of-type(4) {
     opacity: 0;
     animation: opacityChange 1s forwards;
     animation-delay: 340ms;
   }
-  &.backEndStack > :nth-child(5),
-  &.frontEndStack > :nth-child(5) {
+  &.backEndStack > :nth-of-type(5),
+  &.frontEndStack > :nth-of-type(5) {
     opacity: 0;
     animation: opacityChange 1s forwards;
     animation-delay: 420ms;
   }
-  &.backEndStack > :nth-child(6),
-  &.frontEndStack > :nth-child(6) {
+  &.backEndStack > :nth-of-type(6),
+  &.frontEndStack > :nth-of-type(6) {
     opacity: 0;
     animation: opacityChange 1s forwards;
     animation-delay: 500ms;