From 33307e57e618da67e57cd65c5d191e3289aa7d7b Mon Sep 17 00:00:00 2001
From: techncherry <technarchitect@gmail.com>
Date: Sun, 27 Oct 2024 00:04:46 +0900
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Fix:=20About=20=EC=9D=B4?=
 =?UTF-8?q?=EB=AF=B8=EC=A7=80=20=EB=B0=B0=ED=8F=AC=ED=8C=90=20=EB=86=92?=
 =?UTF-8?q?=EC=9D=B4=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/about/About.style.js | 27 ++++++++++++++++++++++-----
 1 file changed, 22 insertions(+), 5 deletions(-)

diff --git a/src/components/about/About.style.js b/src/components/about/About.style.js
index e415fa8..71b1532 100644
--- a/src/components/about/About.style.js
+++ b/src/components/about/About.style.js
@@ -175,6 +175,11 @@ export const Identity = styled.div`
     margin-bottom: 80px;
   }
 
+  @media (max-width: 880px) {
+    flex-direction: column;
+    margin-bottom: 50px;
+  }
+
   @media (max-width: 768px) {
     flex-direction: column;
     margin-bottom: 50px;
@@ -186,15 +191,17 @@ export const Identity = styled.div`
 `;
 
 export const Poster = styled.object`
-  width: 25vw;
-  height: 25vw;
+  height: 36vw;
   flex-shrink: 0;
   margin: 0;
   display: block;
 
+  @media (max-width: 880px) {
+    height: 80vw;
+  }
+
   @media (max-width: 768px) {
-    width: 100%;
-    height: 100%;
+    height: 110vw;
   }
 `;
 
@@ -207,9 +214,19 @@ export const Text = styled.div`
   font-weight: 400;
   line-height: 40px;
 
+  @media (max-width: 1280px) {
+    font-size: 20px;
+    line-height: 38px;
+  }
+
   @media (max-width: 1024px) {
     font-size: 18px;
-    line-height: 36px;
+    line-height: 32px;
+  }
+
+  @media (max-width: 920px) {
+    font-size: 17px;
+    line-height: 30px;
   }
 
   @media (max-width: 768px) {