Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
.nav { display: flex; flex-wrap: wrap; gap: 0.5rem; } .card-row { display: flex; flex-wrap: wrap; gap: 1rem; } .card-row > .card { flex: 1 1 300px; /* grow, shrink, base 300px */ max-width: 400px; }
Result
Open