W3 Mind Logo
Home » How to create equal height columns

How to create equal height columns

Example:

				
					<div class="row">
    <div class="col">...</div>
    <div class="col">...</div>
    <div class="col">...</div>
</div>
				
			
				
					.row {
    display: flex;
}
.col {
    flex: 1;
}
				
			

Example:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris id nisi risus. Maecenas eu quam tellus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Etiam sed dolor sit amet orci porttitor fermentum sit amet id velit. Suspendisse consectetur ornare dictum.
Vivamus a sem mollis, bibendum ante et, tempus eros. Maecenas in rutrum libero.
About Author
Picture of W3Mind

W3Mind

W3Mind focuses on Blogging, Make Money Online, SEO, Business Blogging, Social Media, WordPress, Internet Tools, Web Design and Development.
Give it a Share
Facebook
Twitter
LinkedIn
You May Also Like
How to
START A
BLOG
(step by step)
Load WordPress Sites in as fast as 37ms!