This is a simple demo of a “masonry” style effect for images using flexbox. The markup is very straightforward: <div id="masonry"> <img src="irina.jpg" alt> <img src="daniella.jpg" alt> <img src="karina.jpg" alt> … </div> The CSS is also remarkably easy. I have not used vendor prefixes for Firefox or Chrome in the stylesheet, as both have been prefix-free for flexbox for some time: div#masonry { d
![Easy Masonry Layout With Flexbox](https://cdn-ak-scissors.b.st-hatena.com/image/square/66784c02710eea6e42daa71189ae76230c405e77/height=288;version=1;width=512/http%3A%2F%2Fthenewcode.com%2Fassets%2Fimages%2Fsean-archer-gallery.jpg)