← Commit history

demo: drop the 1760px cap so the layout fills the browser - the auto-fill grid turns extra width into more columns

John Lauer ·40e3cbd848 ·2mo ago ·parent 96fb479
1 file changed +6−2
web-control-demo.html+6−2
@@ -20,8 +20,12 @@      instead of longer lines. Padding scales with the viewport too. */   .wrap {     width: 100%;-    max-width: 1760px;-    margin: 0 auto;+    /* NO max-width. A cap leaves dead space on a wide monitor - John caught the+       gap at ~1780px on a 2000px window. The .cards grid is auto-fill/minmax, so+       extra width becomes MORE COLUMNS rather than longer lines, which is the+       thing a max-width usually exists to prevent. Padding still scales with the+       viewport, so the content never touches the frame. */+    margin: 0;     padding: 24px clamp(16px, 2.5vw, 40px);   }