From 93c817658ae042b5962f23130d79bea4d01c6503 Mon Sep 17 00:00:00 2001
From: umsangdon <umsangdon@gmail.com>
Date: Mon, 28 Sep 2026 15:28:49 +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=EC=B0=BD?=
 =?UTF-8?q?=20=ED=81=AC=EA=B8=B0=EC=97=90=20=EB=A7=9E=EC=B6=B0=20=EC=9E=90?=
 =?UTF-8?q?=EB=8F=99=20=EB=B6=84=ED=95=A0(=EB=91=90=20=EC=97=B4=20?=
 =?UTF-8?q?=EC=B5=9C=EB=8C=80=20=C2=B7=20=EC=B9=B4=EB=93=9C=20=EC=B5=9C?=
 =?UTF-8?q?=EC=86=8C=20360px)=20=C2=B7=20=EC=B9=B4=EB=93=9C=20=EB=86=92?=
 =?UTF-8?q?=EC=9D=B4=EB=8F=84=20=EC=B0=BD=20=EB=86=92=EC=9D=B4=EC=97=90=20?=
 =?UTF-8?q?=EB=A7=9E=EC=B6=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 칸 폭 728px 이상이면 면적산출 · 재료산출 반반 · 그보다 좁으면 한 줄에 하나씩 · 창 크기를 바꾸면 바로 반영
- 미리보기 · 표 높이를 창 높이 비율(clamp)로 · 작은 창에서 카드가 화면을 다 먹지 않게

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

diff --git a/M02_MasterTemplete/M02_MasterTemplete_Structure.css b/M02_MasterTemplete/M02_MasterTemplete_Structure.css
index 3b50fbe4..19fcfc52 100644
--- a/M02_MasterTemplete/M02_MasterTemplete_Structure.css
+++ b/M02_MasterTemplete/M02_MasterTemplete_Structure.css
@@ -7,10 +7,13 @@
 }
 
 /* 도면 정보는 한 줄 전체 · 면적산출 · 재료산출은 반반(둘 합 + 간격 = 도면 정보 폭) ·
-   카드 하나가 520px 안 되면 한 줄에 하나씩 */
+   카드 하나가 360px 안 되면 한 줄에 하나씩(칸 폭에 따라 자동 · 창이 작아지면 바로 바뀜 · 두 열이 최대) */
 .m02-struct {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(min(100%, 520px), 1fr));
+  grid-template-columns: repeat(
+    auto-fit,
+    minmax(min(100%, max(360px, calc((100% - var(--spacing-8)) / 2))), 1fr)
+  );
   align-items: start;
   padding-top: var(--spacing-12);
   border-top: 1px solid var(--color-border);
@@ -68,7 +71,7 @@
 .m02-struct__preview {
   display: flex;
   overflow: hidden;
-  height: 24rem;
+  height: clamp(16rem, 45vh, 24rem);
   min-height: 0;
   min-width: 0;
 }
@@ -81,7 +84,7 @@
    없으면 0 이 되어 칸이 안 보였음(진짜 원인). 약 30행이 늘 보이게 높이를 정하고
    넘치면 격자 안쪽(.ss-grid-host)이 스스로 스크롤(spreadsheet_grid.css). */
 .m02-struct__sheet {
-  height: 45rem;
+  height: clamp(20rem, 70vh, 45rem);
   overflow: hidden;
   min-width: 0;
 }