Box 1
Has more content
than the other boxes.
Box 2
Box 3
.box { float: left; width: 33%; border: 2px solid rgb(95 97 110); border-radius: .5em; padding: 20px; } .wrapper { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; }
<div class="wrapper"> <div class="box"> Box 1 <br>Has more content <br>than the other boxes. </div> <div class="box"> Box 2 </div> <div class="box"> Box 3 </div> </div>