From d0d1d95ce52eaa4e9a7e2aa982cf92c5f7544e84 Mon Sep 17 00:00:00 2001
From: Angelo <valrentin.angelo@gmail.com>
Date: Tue, 26 Dec 2023 15:22:45 +0900
Subject: [PATCH 1/2] =?UTF-8?q?update(Footer):=20Footer=EB=A5=BC=20?=
 =?UTF-8?q?=EA=B5=AC=EC=84=B1=ED=95=98=EB=8A=94=20=EC=BB=B4=ED=8F=AC?=
 =?UTF-8?q?=EB=84=8C=ED=8A=B8=20=20=ED=81=AC=EA=B8=B0=EA=B0=80=20=EC=A0=9C?=
 =?UTF-8?q?=EB=8C=80=EB=A1=9C=20=EC=84=A4=EC=A0=95=EB=90=98=EC=A7=80?=
 =?UTF-8?q?=EC=95=8A=EC=95=84=20=EC=97=AC=EB=B0=B1=EC=9D=B4=20=EC=83=9D?=
 =?UTF-8?q?=EA=B8=B0=EB=8A=94=20=EB=AC=B8=EC=A0=9C=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 불필요한 스크롤바가 추가로 생기는 문제
---
 src/components/Footer/Footer.tsx | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
index fd447507..2e332254 100644
--- a/src/components/Footer/Footer.tsx
+++ b/src/components/Footer/Footer.tsx
@@ -162,20 +162,24 @@ const Footer: React.FC = () => {
 const FooterWrapper = styled.footer`
   display: flex;
   background-color: ${({ theme: { color } }) => color.black};
+  align-items: center;
+  width: 100%;
   @media ${({ theme }) => theme.device.mobile} {
-    align-items: center;
-    width: 100%;
-    height: 30.4rem;
+    height: 32.8rem;
+  }
+  @media ${({ theme }) => theme.device.tablet} {
+    height: 32.8rem;
   }
   @media ${({ theme }) => theme.device.desktop} {
     justify-content: center;
-    width: 100%;
     min-width: 144rem;
+    height: 26.6rem;
   }
 `;
 
 const ContentWrapper = styled.div`
   display: flex;
+
   justify-content: space-between;
   align-items: center;
   color: ${({ theme: { color } }) => color.white};
@@ -184,14 +188,17 @@ const ContentWrapper = styled.div`
   line-height: ${({ theme: { lineHeight } }) => lineHeight.body.xs};
   letter-spacing: ${({ theme: { letterSpacing } }) => letterSpacing};
   @media ${({ theme }) => theme.device.mobile} {
+    height: 24.8rem;
     padding: 4rem 2.4rem;
   }
   @media ${({ theme }) => theme.device.tablet} {
+    height: 24.8rem;
     padding: 4rem 8rem;
   }
   @media ${({ theme }) => theme.device.desktop} {
     min-width: 128rem;
-    padding: 5.6rem 8rem 8rem 8rem;
+    height: 15.4rem;
+    padding: 5.6rem 8rem 5.6rem 8rem;
   }
 `;
 

From dac7fbfb0ef633b1fa42672edf7d50e588c9651d Mon Sep 17 00:00:00 2001
From: Angelo <valrentin.angelo@gmail.com>
Date: Tue, 26 Dec 2023 16:39:10 +0900
Subject: [PATCH 2/2] =?UTF-8?q?update(Footer):=20Padding=20=EC=84=A4?=
 =?UTF-8?q?=EC=A0=95=20=EB=B0=A9=EB=B2=95=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Footer/Footer.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
index 2e332254..5b92fb12 100644
--- a/src/components/Footer/Footer.tsx
+++ b/src/components/Footer/Footer.tsx
@@ -198,7 +198,7 @@ const ContentWrapper = styled.div`
   @media ${({ theme }) => theme.device.desktop} {
     min-width: 128rem;
     height: 15.4rem;
-    padding: 5.6rem 8rem 5.6rem 8rem;
+    padding: 5.6rem 8rem;
   }
 `;