Bulma stack order

I tried order but no luck...`

https://jsbin.com/yewifavoyo/edit?html,css,output

@kenny11

You're on the right track, but you have to think mobile first because Bulma doesn't use flex box when you break the row on mobile. Add the columns in the order you want on mobile, then use order: X for bigger screens.

Example https://jsbin.com/numilisasa/edit?html,css,output

thanks for the reply sir. So there is no Bulma way to do this right?

You have to write raw flexox props

I tried to search in the grid sass files for order but couldn't find anything so I'm assuming there is no flexbox ordering support in the current release.

My guess is that they won't include it because what if you have a list of 100 columns, are they supposed to include 100 selectors? What if you have 1000? You can easily add order yourself.

thanks for your help

You're welcome @kenny11, glad I could help ☺