<!-- Column #1 -->
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.