On the surface it seems fairly easy to create a masonry layout with flexbox; all you need to do is set flex-flow to column wrap and voilà, you have a masonry layout. Sort of. The problem with this approach is that it produces a grid with a seemingly shuffled and obscure order. Items will be (unbeknownst to the user) rendered from top to bottom and someone parsing the grid from left to right will r
![CSS masonry with flexbox, :nth-child(), and order](https://cdn-ak-scissors.b.st-hatena.com/image/square/ab7aa48fa5bac66b51e757dc2e481e3a0dda9abf/height=288;version=1;width=512/https%3A%2F%2Ftobiasahlin.com%2Fstatic%2F-social%2Fog_blog-masonry-with-css.jpg)