Switching from grid-auto-flow: column; to row in gridception?
How is it possible to kind of (or actually) do a responsive switch from grid-auto-flow: column behavior to row (with random widths) for all rows at once (if the maxcontent of all grids together doesn't fit in one line)? (1.1.1 cannot break to a new line alone, also 1.1 and 2.1 should break at the same time, either all intermediate containers stacked or none).
I might want to "switch" the innermost grid from column to row, too, when it's really narrow (never in "column"-mode though), but that's not really important.
Also, how do I create horizontal alignment between 1.1/1.2 and 2.1 in "row"-mode? Subgrid maybe? (I guess I could make this work eventually myself but I don't have an idea how to do a responsive "switch" between column and row mode, so I might as well mention this here)
example
I might want to "switch" the innermost grid from column to row, too, when it's really narrow (never in "column"-mode though), but that's not really important.
Also, how do I create horizontal alignment between 1.1/1.2 and 2.1 in "row"-mode? Subgrid maybe? (I guess I could make this work eventually myself but I don't have an idea how to do a responsive "switch" between column and row mode, so I might as well mention this here)
example
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Similar Threads
Was this page helpful?
