One
Two
Three
Four
Five
Six
Seven
.box { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, auto)); }
<div class="box"> <div>One</div> <div>Two</div> <div>Three</div> <div>Four</div> <div>Five</div> <div>Six</div> <div>Seven</div> </div>