fix: FinishModal>レスポンシブ対応

watasuke102 · Feb 25, 2024 · 6771bf9 · 6771bf9
1 parent be97667
commit 6771bf9
Showing 1 changed file with 8 additions and 4 deletions.
diff --git 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;