---

Preview

Code

<style>
.cards{
display:flex;
gap:10px;
}

.card{
flex-grow:1;
background:#f3f4f6;
padding:20px;
border:1px solid #ddd;
}
</style>

<div class="cards">
<div class="card">Card</div>
<div class="card">Card</div>
<div class="card">Card</div>
</div>

More Flex Items Examples (8)