One
Two
Three
Four
Five
Six
.box { display: flex; flex-wrap: wrap; row-gap: 10px; column-gap: 2em; } .box > * { flex: 1; }
<div class="box"> <div>One</div> <div>Two</div> <div>Three</div> <div>Four</div> <div>Five</div> <div>Six</div> </div>