askdesign
4/28/2016 - 9:04 PM

Flex Box Techniques - Creating Equal Height Containers

tutorializine.com

<div class="container">

	<!-- Equal height columns -->

	<div>...</div>
	<div>...</div>
	<div>...</div>
	
</div>
.container {
        /* Initialize the flex model */
	display: flex;

        /* These are the default values but you can set them anyway */
	flex-direction: row;    /* Items inside the container will be positioned horizontally */
        align-items: stretch;   /* Items inside the container will take up it's entire height */
}
http://tutorialzine.com/2016/04/5-flexbox-techniques-you-need-to-know-about/