From 6771bf973299597dbb0dd3dbc3ee6f309bb5a74d Mon Sep 17 00:00:00 2001
From: watasuke102 <watasuke102@gmail.com>
Date: Sun, 25 Feb 2024 15:45:56 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20FinishModal>=E3=83=AC=E3=82=B9=E3=83=9D?=
 =?UTF-8?q?=E3=83=B3=E3=82=B7=E3=83=96=E5=AF=BE=E5=BF=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../_components/FinishModal/FinishModal.module.scss  | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/app/exam/_components/FinishModal/FinishModal.module.scss b/src/app/exam/_components/FinishModal/FinishModal.module.scss
index 7ecac7e..aa0c556 100644
--- a/src/app/exam/_components/FinishModal/FinishModal.module.scss
+++ b/src/app/exam/_components/FinishModal/FinishModal.module.scss
@@ -30,20 +30,24 @@
 
 .correct_rate {
   font-size: 1.25em;
-  display: flex;
   justify-content: center;
   align-items: center;
-  gap: 20px;
+  gap: 12px;
+  @media screen and (min-width: 320px) {
+    display: flex;
+  }
 }
 .percentage {
-  margin: 0 4px;
+  margin: 0 8px;
   font-size: 3.8em;
   font-weight: bold;
   text-decoration: underline $color-primary-3;
 }
 
 .question_num_wrapper {
-  margin-top: 16px;
+  @media screen and (min-width: 320px) {
+    margin-top: 16px;
+  }
 }
 .question_num {
   font-size: 2.1em;