From d386198f7f3e92b09bf26809460fb0c1903c6daa Mon Sep 17 00:00:00 2001
From: umsangdon <umsangdon@gmail.com>
Date: Mon, 2 Nov 2026 13:22:59 +0900
Subject: [PATCH] =?UTF-8?q?fix(730-2):=20=EC=97=91=EC=85=80=20=EB=B3=B4?=
 =?UTF-8?q?=EA=B8=B0=20=EC=A2=81=EC=9D=80=20=ED=8F=AD(900=20px=20=EC=9D=B4?=
 =?UTF-8?q?=ED=95=98)=EC=97=90=EC=84=9C=20=EC=8B=9C=ED=8A=B8=20=EC=9C=84?=
 =?UTF-8?q?=20=C2=B7=20=EB=AA=A9=EB=A1=9D=20=EC=95=84=EB=9E=98=EB=A1=9C=20?=
 =?UTF-8?q?=EC=8C=93=EC=9D=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 390 px 에서 오른쪽 목록 22rem 이 시트 칸을 폭 0 으로 짓누름 → 좁은 폭에서 한 열 · 두 줄(시트 3 : 목록 2)
- 넓은 폭(1366 · 1920) 생김 그대로
- 지킴 시험 test_730_2_hopyo_sheet_narrow.py 추가

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
---
 M02_MasterTemplete/M02_MasterTemplete_Hopyo.css   |  8 ++++++++
 resources/tester/test_730_2_hopyo_sheet_narrow.py | 15 +++++++++++++++
 2 files changed, 23 insertions(+)
 create mode 100644 resources/tester/test_730_2_hopyo_sheet_narrow.py

diff --git a/M02_MasterTemplete/M02_MasterTemplete_Hopyo.css b/M02_MasterTemplete/M02_MasterTemplete_Hopyo.css
index 2e14e8f32..7ab0ce9b4 100644
--- a/M02_MasterTemplete/M02_MasterTemplete_Hopyo.css
+++ b/M02_MasterTemplete/M02_MasterTemplete_Hopyo.css
@@ -252,6 +252,14 @@
   min-height: 0;
 }
 
+/* 좁은 폭(730-2) — 오른쪽 목록 22rem 이 시트 칸을 폭 0 으로 짓누름 → 위(시트) · 아래(목록) 쌓기 */
+@media (max-width: 900px) {
+  .m02-hopyo-sheet {
+    grid-template-columns: minmax(0, 1fr);
+    grid-template-rows: minmax(0, 3fr) minmax(0, 2fr);
+  }
+}
+
 .m02-hopyo-sheet__grid {
   display: flex;
   flex-direction: column;
diff --git a/resources/tester/test_730_2_hopyo_sheet_narrow.py b/resources/tester/test_730_2_hopyo_sheet_narrow.py
new file mode 100644
index 000000000..7cbe8b6bc
--- /dev/null
+++ b/resources/tester/test_730_2_hopyo_sheet_narrow.py
@@ -0,0 +1,15 @@
+"""730-2 지킴 — 엑셀 보기 창은 좁은 폭에서 시트(위) · 목록(아래)로 쌓임(오른쪽 22rem 이 시트를 폭 0 으로 짓누르지 않음)."""
+
+import re
+from pathlib import Path
+
+CSS = (Path(__file__).parents[2] / "M02_MasterTemplete/M02_MasterTemplete_Hopyo.css").read_text(
+    encoding="utf-8"
+)
+
+
+def test_sheet_stacks_on_narrow_width():
+    m = re.search(r"@media \(max-width: (\d+)px\) \{\s*\.m02-hopyo-sheet \{(.*?)\}", CSS, re.S)
+    assert m and int(m.group(1)) >= 700
+    assert "grid-template-columns: minmax(0, 1fr)" in m.group(2)
+    assert "grid-template-rows" in m.group(2)