I recently needed to implement a Pintrest style layout with pure CSS (JS solutions like Masonry etc aren't an option at this point).

It only needs to work in browsers with great support for CSS3 so I used CSS columns as per this article.

All working great, however. I need the actual order to be similar to a floated layout. So instead of the second box being stacked underneath the first and so on, I need it to the right of the first one.

Is this something Flexbox could handle? I've dabbled but couldn't get it working.

Any suggestions?

Thanks!

PaulOB
—
2013-07-26T20:24:20Z —
#2

Hi Mike,

From what I've seen with flexbox it won't evenly stack columns as it seems to work on rows much like a table when working horizontally so each new row starts at the same place.