<div class="container">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
.container {
display:flex;
flex-wrap:wrap; /* this */
gap:10px;
}
.container > div {
height:100px;
flex:max(400px, 100%/4 + 0.1%); /* and this */
background:red;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.