Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
/* Core responsive toolkit */ :root { --max-w: 1140px; --gap: clamp(1rem, 3vw, 2rem); } .container { width: min(100% - 2rem, var(--max-w)); margin-inline: auto; } .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(260px,100%),1fr)); gap: var(--gap); }
Result
Open