Ultimate responsive flex grid
HTML
<div class="flex flex-wrap">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
CSS
.flex > div {
width: 200px;
height: 100px;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
}
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.flex-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
JAVASCRIPT
$('.flex div').each(function() {
var color = '#'+Math.floor(Math.random()*16777215).toString(16);
$(this).css('background',color)
});
