<!-- Column #1 -->

A two-column web layout using CSS Flexbox properties

Featuring Equal, auto-heighted columns

This page is one of the demonstrations for the article Equal-height columns with CSS.

Perfect and responsive columns achieved using CSS Flexbox properties, coupled with some negative margin tweaks to show a gutter in between the columns.

Following is the markup you’ll need as the layout scaffold:

And the CSS would be something like below in this case:

If it was helpful, feel free to share it with others and follow us to stay updated on more stuff like this.