How to make equal height columns with CSS

May 05, 2021

CSS grid layout makes it easier than ever.

HTML

<div class="container">
  <div>Column 1</div>
  <div>Column 2</div>
  <div>Column 3</div>
</div>

CSS

.container {
  display: grid;
  grid-auto-flow: column;
}