Grid layouts all over the place

Design help General
1

Separate to the Grid issues when inside a symbol, I’m finding Grid difficult to get my head around. The layouts seem to have a mind of their own.

I have 6 boxes with content inside, I’d like to try in the grid instead of responsive divs. All I want is for the boxes to remain in a logical order in the different breakpoints.

Desktop
1 2 3
4 5 6

Tablet
1 2
3 4
5 6

Phone
1
2
3
4
5
6

This seems like a very normal layout, unfortunately, Grid juggles with the order. Whatsmore the changes I’m having to make are cascading back up to higher ranking breakpoints, which messes things even more. I’m beginning to think Grid has been rushed/launched too soon?

2

Fixed my own problem. Solution was to have a 6x6 grid.
Desktop boxes bridged 2 columns and 3 rows
Tablet boxes bridged 3 columns and 2 rows
Phone boxes bridged 6 columns and 1 row :blush:

1 Like
3

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.