From f38a7d7a516d8d5a7090ca5ec01f66ea359f0de4 Mon Sep 17 00:00:00 2001
From: MinGu Jeong <mingu830@gmail.com>
Date: Fri, 12 Apr 2024 17:16:47 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EC=9E=91=EC=9D=80=EA=B8=B0=EA=B8=B0=20?=
 =?UTF-8?q?=EB=8C=80=EC=9D=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/page/Coop/Coop.module.scss                       |  2 +-
 .../Coop/components/MenuCard/MenuCard.module.scss    | 12 ++++++++++++
 src/page/Coop/components/MenuCard/index.tsx          |  2 +-
 3 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/page/Coop/Coop.module.scss b/src/page/Coop/Coop.module.scss
index beed8f96..549b366a 100644
--- a/src/page/Coop/Coop.module.scss
+++ b/src/page/Coop/Coop.module.scss
@@ -7,7 +7,7 @@
   height: 100%;
   font-family: Pretendard, sans-serif;
 
-  @media screen and (max-width: 375px) {
+  @media screen and (max-width: 400px) {
     width: 100%;
   }
 }
diff --git a/src/page/Coop/components/MenuCard/MenuCard.module.scss b/src/page/Coop/components/MenuCard/MenuCard.module.scss
index 74ce03c8..aeca3b06 100644
--- a/src/page/Coop/components/MenuCard/MenuCard.module.scss
+++ b/src/page/Coop/components/MenuCard/MenuCard.module.scss
@@ -32,6 +32,14 @@
     font-weight: 400;
     line-height: 15px;
     width: 150px;
+
+    &--none {
+      font-size: 16px;
+
+      @media screen and (max-width: 350px) {
+        font-size: 14px;
+      }
+    }
   }
 
   &__image {
@@ -95,6 +103,10 @@
     padding: 12px;
     gap: 40px;
     min-height: 120px;
+
+    @media screen and (max-width: 350px) {
+      gap: 10px;
+    }
   }
 
   &__soldout {
diff --git a/src/page/Coop/components/MenuCard/index.tsx b/src/page/Coop/components/MenuCard/index.tsx
index 7a78467c..7a76f18c 100644
--- a/src/page/Coop/components/MenuCard/index.tsx
+++ b/src/page/Coop/components/MenuCard/index.tsx
@@ -158,7 +158,7 @@ export default function MenuCard({ selectedMenuType }: MenuCardProps) {
                     </div>
                   </>
                 ) : (
-                  <div>
+                  <div className={styles['card__content--none']}>
                     {corner}
                     에서 제공하는 식단 정보가 없습니다.
                   </div>