CSS columns content order, would Flexbox work?

Hi all,

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?


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.

I thought as much, thanks Paul.