<div class="grid">
<div></div>
<div></div>
</div>
<div class="grid">
<div></div>
<div></div>
<div></div>
</div>
<div class="grid">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
.grid {
display: grid;
gap: 1rem;
grid-auto-flow: column;
margin: 0 0 1rem 0;
}
.grid > div {
height: 100px;
background: red;
min-width: 10px;
}
body {
margin: 1rem;
}
View Compiled
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.