From 5cb132d83dd604cc20dd8207f0f395ce6fd8c5dc Mon Sep 17 00:00:00 2001
From: Han WonJun <119842443+Novrule@users.noreply.github.com>
Date: Thu, 22 Feb 2024 15:26:57 +0900
Subject: [PATCH] =?UTF-8?q?[FE]=20=EB=B0=98=EC=9D=91=ED=98=95=20=EB=94=94?=
 =?UTF-8?q?=EC=9E=90=EC=9D=B8=20=EC=A0=81=EC=9A=A9=20(#36)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

feat : 반응형 디자인 적용
---
 front/src/styles/Globalstyles.styles.tsx | 40 ++++++++++++++++++++++++
 1 file changed, 40 insertions(+)

diff --git a/front/src/styles/Globalstyles.styles.tsx b/front/src/styles/Globalstyles.styles.tsx
index 983e7d3..36b5a12 100644
--- a/front/src/styles/Globalstyles.styles.tsx
+++ b/front/src/styles/Globalstyles.styles.tsx
@@ -26,6 +26,46 @@ const GlobalStyles = styled.createGlobalStyle`
     font-family: "Pretendard";
     src: url(/fonts/PretendardVariable.woff2) format("woff2");
   }
+
+  html {
+    font-size: 20px;
+  }
+
+  @media (max-width: 1600px) {
+    html {
+      font-size: 18px;
+    }
+  }
+
+  @media (max-width: 1366px) {
+    html {
+      font-size: 16px;
+    }
+  }
+
+  @media (max-width: 1280px) {
+    html {
+      font-size: 14px;
+    }
+  }
+
+  @media (max-width: 1024px) {
+    html {
+      font-size: 12px;
+    }
+  }
+
+  @media (max-width: 768px) {
+    html {
+      font-size: 10px;
+    }
+  }
+
+  @media (max-width: 576px) {
+    html {
+      font-size: 8px;
+    }
+  }
 `;
 
 export default GlobalStyles;