Masonry CSS

Avatar of Chris Coyier
Chris Coyier on (Updated on )

DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit!

Simple and damn clever idea by Radu Chelariu. Use multiple columns and inline-block elements to create that “masonry” / staggered block layout that is hugely difficult to do otherwise.

This link is offline now, so I’m changing it to this one which covers Radu’s original idea and some other options, although it seems their official demo is offline as well.

Better yet, check out our article, which is the same idea and is all working.

Direct Link →