How to float divs with different height

Ivan @ 28 / 05 / 2020 @ Blog / веб / Памятки / Programming
()

Время чтения: ~ 1 мин.

It was a lit­tle com­pli­cat­ed to float divs with dif­fer­ent height via clean css. Until the flexbox came!
Here's what shoul be applied to the par­ent ele­ment (the con­tain­er ele­ment) and every­thing will go well:

.parent { 
display: -webkit-box; 
display: -webkit-flex; 
display: -ms-flexbox; 
display: -moz-box; 
display: flex; 
-webkit-flex-wrap: wrap; 
-ms-flex-wrap: wrap; 
flex-wrap: wrap; 
-webkit-flex-flow: row wrap; 
-ms-flex-flow: row wrap; 
flex-flow: row wrap; 
}

 


Similar Posts:


Subscribe!

Instagram
VK
Facebook
YouTube!
Telegram!

Subscribe to mail list



* clicking the ‘Subscribe’ button you agree that your personal data will be processed