Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.5rem; } /* With explicit breakpoints */ @media (min-width: 768px) { .grid-2 { grid-template-columns: 1fr 1fr; } } @media (min-width: 1200px) { .grid-2 { grid-template-columns: 2fr 1fr; } }
Result
Open