While we’re <a target='_blank' href="https://hashnode.com/post/why-is-css-grid-layout-taking-so-long-for-browser-adoption-cishlwtj607oze753lmwyj6i4">waiting</a> for the browser adoption for CSS grid layout, I wanted to know what are some good UI hacks for creating masonry layouts in CSS?
Something like this:
<img src="https://res.cloudinary.com/hashnode/image/upload/v1473147304/d996ftmtpqflv1fkz2aw.png" alt="masonry layout">

 While we’re [waiting](https://hashnode.com/post/why-is-css-grid-layout-taking-so-long-for-browser-adoption-cishlwtj607oze753lmwyj6i4) for the browser adoption for CSS grid layout, I wanted to know what are some good UI hacks for creating masonry layouts in CSS?

Something like this:

![masonry layout](https://res.cloudinary.com/hashnode/image/upload/v1473147304/d996ftmtpqflv1fkz2aw.png)

Creating masonry layouts in CSS?

Product

Explore

Company

Blogs

Partner with us

Support

Comparisons

Comparisons