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;