Table of contents The Problem With Equal Height Columns The Six Best Methods To Create Equal-Height Columns CSS grid Flexbox Responsive columns Display-table Floated containers Table markup My original equal-height columns method (floated containers) dates back to October 2008 and it still works perfectly today. However. A lot of new CSS has become available in modern browsers recently and this op
![Equal-Height Columns (CSS Grid, Flexbox, & Table Methods)](https://cdn-ak-scissors.b.st-hatena.com/image/square/5c9afa756067da5113f4d83178080290c57ad6d7/height=288;version=1;width=512/https%3A%2F%2Fcdn.matthewjamestaylor.com%2Ftitles%2Fcss-equal-height-columns.jpg)