Been playing around, and just can’t seem to grasp how the examples are modified to be responsive?
The “Newspaper grid”:
With this example, how did you go from a 4 column grid, multiple rows (Desktop) to a 1 column grid, multiple rows (Mobile)? And change some of the ordering of the blocks?
Same for the “Whitespace Grid” example goes from 4 to to column on Mobile.
Hey it does a bit, meaning it does show how to reposition elements fro different views which is nice.
But again, say you had a 5 column, 10 row grid of articles that you simply wanted to stack into a “1” column 10 row (for mobile), and this was a template (CSS) so it work on other pages…whats the best way?
You can independently change the number of rows and columns for each different viewports. You can also reposition everything independently without changing the order in the elements panel.