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; }