From 94188cd059450ea8964f3070856b842c76d0e6bc Mon Sep 17 00:00:00 2001
From: ogasawara-k23024 <k23024kk@aitech.ac.jp>
Date: Mon, 18 Nov 2024 23:19:42 +0900
Subject: [PATCH 1/2] =?UTF-8?q?feat:=20=E3=80=8C=E9=91=91=E8=B3=9E?=
 =?UTF-8?q?=E3=81=99=E3=82=8B=E3=80=8D=E7=94=BB=E9=9D=A2=E3=81=AE=E3=83=AC?=
 =?UTF-8?q?=E3=82=B9=E3=83=9D=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

- コードブロック内のpaddingはどこで変更できるのかわからなかった
---
 .../_components/view/Page/Card.module.scss    | 35 +++++++++++++++++--
 1 file changed, 32 insertions(+), 3 deletions(-)

diff --git a/src/app/(use-header)/codes/_components/view/Page/Card.module.scss b/src/app/(use-header)/codes/_components/view/Page/Card.module.scss
index f83866b..34e0b1c 100644
--- a/src/app/(use-header)/codes/_components/view/Page/Card.module.scss
+++ b/src/app/(use-header)/codes/_components/view/Page/Card.module.scss
@@ -1,15 +1,19 @@
 .container {
-  padding: 20px 50px;
+  padding: min(15px, 2.5%) min(50px, 5%);
   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;
     p {
-      padding: 0.5px 15px;
+      padding: 0.5px min(15px, 2%);
       border: solid 2px #333; /*線の種類・太さ・色*/
       border-radius: 10px; /*角の丸み*/
     }
@@ -67,3 +71,28 @@
     }
   }
 }
+
+@media (max-width: 540px) {
+  .container {
+    h1 {
+      font-size: $font-size-md;
+    }
+
+    p {
+      font-size: $font-size-sm;
+    }
+
+    img {
+      width: 24px;
+      height: 24px;
+    }
+
+    button {
+      font-size: $font-size-xs;
+    }
+
+    span {
+      font-size: $font-size-sm;
+    }
+  }
+}

From 90366cb11e93cd23d61c893e2be9f54f7e4d45f3 Mon Sep 17 00:00:00 2001
From: ogasawara-k23024 <k23024kk@aitech.ac.jp>
Date: Tue, 19 Nov 2024 00:07:47 +0900
Subject: [PATCH 2/2] =?UTF-8?q?feat:=20=E3=82=BF=E3=82=B0=E3=81=AE?=
 =?UTF-8?q?=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../codes/_components/view/Page/Card.module.scss            | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/(use-header)/codes/_components/view/Page/Card.module.scss b/src/app/(use-header)/codes/_components/view/Page/Card.module.scss
index 34e0b1c..3b71a5e 100644
--- a/src/app/(use-header)/codes/_components/view/Page/Card.module.scss
+++ b/src/app/(use-header)/codes/_components/view/Page/Card.module.scss
@@ -13,9 +13,9 @@
     display: flex;
     justify-content: start;
     p {
-      padding: 0.5px min(15px, 2%);
-      border: solid 2px #333; /*線の種類・太さ・色*/
-      border-radius: 10px; /*角の丸み*/
+      padding: 0.5px min(15px, 3%);
+      background-color: #e3e3e3;
+      border-radius: 6px;
     }
   }