CSS columns content order, would Flexbox work?

HTML & CSS
1

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?

Thanks!

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.

3

I thought as much, thanks Paul.