From ccd9bc89c70374804ba915cc28bf5a1ae77667c7 Mon Sep 17 00:00:00 2001
From: umsangdon <umsangdon@gmail.com>
Date: Mon, 28 Sep 2026 14:29:20 +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=8F=84?=
 =?UTF-8?q?=EB=A9=B4=20=EC=A0=95=EB=B3=B4=20=ED=95=9C=20=EC=A4=84=20?=
 =?UTF-8?q?=EC=A0=84=EC=B2=B4=20=C2=B7=20=EB=A9=B4=EC=A0=81=EC=82=B0?=
 =?UTF-8?q?=EC=B6=9C=20=C2=B7=20=EC=9E=AC=EB=A3=8C=EC=82=B0=EC=B6=9C=20?=
 =?UTF-8?q?=EB=82=98=EB=9E=80=ED=9E=88=20=EB=91=90=20=EC=97=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 좁은 화면(카드 폭 30rem 안 됨)에서는 한 열

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_019Kyw9qnkJ94pC1A4PfpDtA
---
 M02_MasterTemplete/M02_MasterTemplete_Structure.css | 8 ++++++++
 1 file changed, 8 insertions(+)

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