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;