From dfda71ffc681275632ddca1f84948e09810362d6 Mon Sep 17 00:00:00 2001
From: jihye9549 <105404542+jihye9549@users.noreply.github.com>
Date: Fri, 4 Aug 2023 00:04:55 +0900
Subject: [PATCH] =?UTF-8?q?refactor=20:=20=EC=84=9D=EC=B0=A8=EB=A9=94?=
 =?UTF-8?q?=EB=AA=A8=20=20=EB=B0=98=EC=9D=91=ED=98=95=20=EA=B5=AC=ED=98=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/GameResult/index.tsx | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/src/pages/GameResult/index.tsx b/src/pages/GameResult/index.tsx
index b1148b4..95150c8 100644
--- a/src/pages/GameResult/index.tsx
+++ b/src/pages/GameResult/index.tsx
@@ -246,6 +246,16 @@ const Ranking = styled.div`
   & > img {
     height: 53vh;
   }
+  @media (min-width: 769px) {
+    align-items: center;
+  }
+  @media (max-width: 768px) {
+    padding-top: 6.6rem;
+    width: 35vw;
+    height: 30vh;
+    margin-left: 3rem;
+    background-size: 35vw 30vh;
+  }
 `;
 
 const Medal = styled.img<{ rank: number }>`
@@ -259,6 +269,10 @@ const Medal = styled.img<{ rank: number }>`
       return `content: url(${BronzeMedal});`;
     }
   }}
+  @media (max-width: 768px) {
+    width: 2.3rem;
+    margin-left: 6rem;
+  }
 `;
 
 const UserInRanking = styled.span<{ rank: number }>`
@@ -273,4 +287,7 @@ const UserInRanking = styled.span<{ rank: number }>`
       return '#bc00fe';
     }
   }};
+  @media (max-width: 768px) {
+    font-size: 2.5rem;
+  }
 `;