<div class="container">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
.container {
--w:400px;
--n:3;
display:grid;
grid-template-columns:repeat(auto-fit,minmax(clamp(100%/(var(--n) + 1) + 0.1%,var(--w),100%),1fr)); /*this */
gap:10px;
}
.container > div {
height:100px;
background:red;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.