Setting Block Order for Mobile Device

I've got a layout that is 3 columns wide by 2 rows. Blocks 1,2, and 3 are across the top row and blocks 4,5, and 6 are across the second row.

In mobile view it becomes a single column as I expect it should however instead of showing blocks 1 - 6 in order from the top down it's showing like this...
block 1
block 4
block 5
block 3
block 6

How can I control the order on the page?


View Replies:
hutman replied on at Permalink Reply
I believe if you create a second layout with the same columns and put 1 block in each column that will give you the desired order.
stewblack23 replied on at Permalink Reply
Like Hutman said just create a column for each block and keep the same number of rows. Another way to do it is to use the new CSS3 grids property. But that might be a little hard.
tonyswaby replied on at Permalink Reply
if you're using Bootstrap this might be work a look...