From 323235796e11ee0d73600a7897a91e3c052c121f Mon Sep 17 00:00:00 2001
From: ogasawara-k23024 <k23024kk@aitech.ac.jp>
Date: Tue, 12 Nov 2024 14:37:20 +0900
Subject: [PATCH 1/2] =?UTF-8?q?feat:=20=E9=96=B2=E8=A6=A7=E7=94=BB?=
 =?UTF-8?q?=E9=9D=A2=E3=81=AEcss=E4=B8=80=E9=83=A8=E5=A4=89=E6=9B=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../_components/view/Page/index.module.scss   | 27 ++++++++++++++++---
 1 file changed, 23 insertions(+), 4 deletions(-)

diff --git a/src/app/(use-header)/mypage/_components/view/Page/index.module.scss b/src/app/(use-header)/mypage/_components/view/Page/index.module.scss
index d41242a..d65cec3 100644
--- a/src/app/(use-header)/mypage/_components/view/Page/index.module.scss
+++ b/src/app/(use-header)/mypage/_components/view/Page/index.module.scss
@@ -6,12 +6,16 @@
   gap: 25px;
 
   .container {
-    padding: 20px 50px;
+    padding: 15px min(50px, 7%);
     border: solid 1.5px #333; /*線の種類・太さ・色*/
-    width: 100%;
+    width: 95%;
     max-width: 800px;
     border-radius: 10px; /*角の丸み*/
 
+    h1 {
+      font-size: $font-size-lg;
+    }
+
     .tags {
       display: flex;
       justify-content: start;
@@ -37,8 +41,8 @@
     }
     .kuso_box {
       position: relative;
-      width: 225px;
-      height: 34px;
+      width: 225px; 
+      height: 35px;
       img {
         position: absolute;
         background-color: #ffff;
@@ -54,3 +58,18 @@
     }
   }
 }
+
+@media screen and (max-width: 650px) {
+  .score_box {
+    p{
+      padding-top: 0px;
+    }
+  }
+
+  .kuso_box {
+    width: 150px;
+    img {
+      width: 150px;
+    }
+  }
+}

From dbbe9f254071fe49d78122bbaa737a8fcc1c3c65 Mon Sep 17 00:00:00 2001
From: ogasawara-k23024 <k23024kk@aitech.ac.jp>
Date: Tue, 19 Nov 2024 00:02:10 +0900
Subject: [PATCH 2/2] =?UTF-8?q?feat:=20=E3=80=8C=E8=A9=95=E4=BE=A1?=
 =?UTF-8?q?=E3=82=92=E8=A6=8B=E3=82=8B=E3=80=8D=E7=94=BB=E9=9D=A2=E3=81=AE?=
 =?UTF-8?q?=E3=83=AC=E3=82=B9=E3=83=9D=E3=83=B3=E3=82=B7=E3=83=96=E5=AF=BE?=
 =?UTF-8?q?=E5=BF=9C=E5=AE=8C=E4=BA=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 前回できなくてヘルプを出した箇所が修正できた
- タグのデザインが全然figmaと違っていたことに今更気づき修正
---
 .../_components/view/Page/index.module.scss   | 50 +++++++++++++------
 1 file changed, 35 insertions(+), 15 deletions(-)

diff --git a/src/app/(use-header)/mypage/_components/view/Page/index.module.scss b/src/app/(use-header)/mypage/_components/view/Page/index.module.scss
index d65cec3..01dcf42 100644
--- a/src/app/(use-header)/mypage/_components/view/Page/index.module.scss
+++ b/src/app/(use-header)/mypage/_components/view/Page/index.module.scss
@@ -6,7 +6,7 @@
   gap: 25px;
 
   .container {
-    padding: 15px min(50px, 7%);
+    padding: min(15px, 2.5%) min(50px, 5%);
     border: solid 1.5px #333; /*線の種類・太さ・色*/
     width: 95%;
     max-width: 800px;
@@ -20,9 +20,9 @@
       display: flex;
       justify-content: start;
       p {
-        padding: 0.5px 15px;
-        border: solid 2px #333; /*線の種類・太さ・色*/
-        border-radius: 10px; /*角の丸み*/
+        padding: 0.5px min(15px, 3%);
+        background-color: #e3e3e3;
+        border-radius: 6px;
       }
     }
 
@@ -41,7 +41,7 @@
     }
     .kuso_box {
       position: relative;
-      width: 225px; 
+      width: 225px;
       height: 35px;
       img {
         position: absolute;
@@ -59,17 +59,37 @@
   }
 }
 
-@media screen and (max-width: 650px) {
-  .score_box {
-    p{
-      padding-top: 0px;
-    }
-  }
+@media (max-width: 540px) {
+  .containers {
+    .container {
+      h1 {
+        font-size: $font-size-md;
+      }
+
+      p {
+        font-size: $font-size-sm;
+      }
+
+      summary {
+        font-size: $font-size-sm;
+      }
 
-  .kuso_box {
-    width: 150px;
-    img {
-      width: 150px;
+      span {
+        font-size: $font-size-sm;
+      }
+
+      .score_box {
+        p {
+          padding-top: 0px;
+        }
+      }
+
+      .kuso_box {
+        width: 150px;
+        img {
+          width: 150px;
+        }
+      }
     }
   }
 }