From 8b2ebd9547a2e985ceba9e86da0d2729e7704297 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9D=B4=ED=98=84=EC=A3=BC?= <hyunmail521@gmail.com>
Date: Sun, 10 Oct 2021 08:36:35 +0900
Subject: [PATCH] =?UTF-8?q?[#48]=20=EB=A7=88=EC=9D=B4=ED=8E=98=EC=9D=B4?=
 =?UTF-8?q?=EC=A7=80=20=EB=B0=98=EC=9D=91=ED=98=95=EC=9E=91=EC=97=85=20?=
 =?UTF-8?q?=EC=99=84=EB=A3=8C=20(1024,768,414,375)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/MyPage/LikeImage/index.js |  3 +++
 src/components/MyPage/MyUpload/index.js  |  3 +++
 src/pages/mypage/styles.js               | 18 ++++++++++++++++++
 3 files changed, 24 insertions(+)

diff --git a/src/components/MyPage/LikeImage/index.js b/src/components/MyPage/LikeImage/index.js
index 9847ace..eaf5c61 100644
--- a/src/components/MyPage/LikeImage/index.js
+++ b/src/components/MyPage/LikeImage/index.js
@@ -41,6 +41,9 @@ const MyUploadText = styled.div`
   background: linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, #ffd0ae 50%);
   width: fit-content;
   margin: 8px 0;
+  @media (max-width: 414px) {
+    font-size: 1rem;
+  }
 `;
 
 export const EmptyWrap = styled.section`
diff --git a/src/components/MyPage/MyUpload/index.js b/src/components/MyPage/MyUpload/index.js
index 792b2d9..d0dca8e 100644
--- a/src/components/MyPage/MyUpload/index.js
+++ b/src/components/MyPage/MyUpload/index.js
@@ -52,6 +52,9 @@ const MyUploadText = styled.div`
   font-size: 1.5rem;
   font-weight: bold;
   background: linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, #ffd0ae 50%);
+  @media (max-width: 414px) {
+    font-size: 1rem;
+  }
 `;
 
 const EmptyWrap = styled.section`
diff --git a/src/pages/mypage/styles.js b/src/pages/mypage/styles.js
index d813423..8cb4388 100644
--- a/src/pages/mypage/styles.js
+++ b/src/pages/mypage/styles.js
@@ -5,17 +5,30 @@ export const Title = styled.h1`
   font-weight: bold;
   margin: 2em 0 3em 0;
   letter-spacing: -0.8px;
+  @media (max-width: 414px) {
+    margin-left: 1.5rem;
+    margin-bottom: 1rem;
+  }
 `;
 export const Container = styled.div`
   width: 1000px;
   margin: 0 auto;
   padding-bottom: 10%;
+  @media (max-width: 768px) {
+    width: 700px;
+  }
+  @media (max-width: 414px) {
+    width: 100%;
+  }
 `;
 
 export const Content = styled.div`
   display: flex;
   justify-content: center;
   width: 100%;
+  @media (max-width: 414px) {
+    display: grid;
+  }
 `;
 
 export const MyPageLink = styled.div`
@@ -44,4 +57,9 @@ export const MyPageTab = styled.div`
   border: 1px solid #f5f5f5;
   margin-left: 2rem;
   width: 70%;
+  @media (max-width: 414px) {
+    width: 100%;
+    margin-left: 0;
+    margin-top: 2rem;
+  }
 `;