From 73040246ae9dc569f3a6e07a93b9038431d85b30 Mon Sep 17 00:00:00 2001
From: umsangdon <umsangdon@gmail.com>
Date: Mon, 28 Sep 2026 15:13:12 +0900
Subject: [PATCH] =?UTF-8?q?feat(M02):=20=EC=A7=91=EA=B3=84=ED=91=9C=20?=
 =?UTF-8?q?=EC=95=84=EB=9E=98=20=EC=B9=B4=EB=93=9C=20=E2=80=94=20=EB=A9=B4?=
 =?UTF-8?q?=EC=A0=81=EC=82=B0=EC=B6=9C=20=C2=B7=20=EC=9E=AC=EB=A3=8C?=
 =?UTF-8?q?=EC=82=B0=EC=B6=9C=20=EB=91=90=20=EC=B9=B4=EB=93=9C=20+=20?=
 =?UTF-8?q?=EA=B0=84=EA=B2=A9=EC=9D=B4=20=EB=8F=84=EB=A9=B4=20=EC=A0=95?=
 =?UTF-8?q?=EB=B3=B4=20=ED=8F=AD=EA=B3=BC=20=EA=B0=99=EC=9D=8C=20=C2=B7=20?=
 =?UTF-8?q?=EC=B9=B4=EB=93=9C=20=EC=B5=9C=EC=86=8C=20=ED=8F=AD=20520px?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- grid auto-fit/minmax 한 규칙 · 카드 하나가 520px 안 되면 한 줄에 하나씩(각각 도면 정보와 같은 전체 폭)

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_019Kyw9qnkJ94pC1A4PfpDtA
---
 M02_MasterTemplete/M02_MasterTemplete_Structure.css | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/M02_MasterTemplete/M02_MasterTemplete_Structure.css b/M02_MasterTemplete/M02_MasterTemplete_Structure.css
index 4783e0d7..3b50fbe4 100644
--- a/M02_MasterTemplete/M02_MasterTemplete_Structure.css
+++ b/M02_MasterTemplete/M02_MasterTemplete_Structure.css
@@ -6,10 +6,11 @@
   display: contents;
 }
 
-/* 도면 정보는 한 줄 전체 · 면적산출 · 재료산출은 나란히 두 열 · 좁으면(두 카드가 30rem 안 되면) 한 열 */
+/* 도면 정보는 한 줄 전체 · 면적산출 · 재료산출은 반반(둘 합 + 간격 = 도면 정보 폭) ·
+   카드 하나가 520px 안 되면 한 줄에 하나씩 */
 .m02-struct {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(min(100%, 30rem), 1fr));
+  grid-template-columns: repeat(auto-fit, minmax(min(100%, 520px), 1fr));
   align-items: start;
   padding-top: var(--spacing-12);
   border-top: 1px solid var(--color-border);
@@ -20,6 +21,10 @@
   grid-column: 1 / -1;
 }
 
+.m02-struct > * {
+  min-width: 0;
+}
+
 /* ui-sidebar-panel 은 display:flex 라 hidden 속성을 덮어씀 — 안 보일 땐 확실히 안 보이게 */
 .m02-struct[hidden] {
   display: none;