Allow different layout settings per breakpoint (new layout engine from Breakdance 2.0 should be responsive)
M
Markus
With Breakdance 2.x. came a new way to set up the layout / flexbox. The new layout engine should make it easier for everyone - beginners and experts. However, it's kind of not useful if you cannot set different layout settings per breakpoint.
It's quite common to have a horizontal layout on Desktop, but a vertical layout on Mobile.
Often mobile optimization happens later on in the building process. Now I must manually change all settings from the simple layout engine to the advanced settings. Basically this means, it's better from the very beginning to ditch the simple layout options and go for advanced, because only advanced allows to set up different settings per breakpoint.
Chris Thompson
It is already responsive and can be customized per breakpoint.
Even though the top-level layout setting doesn't have a per-breakpoint setting, most of the responsive functionality normally needed can already be achieved without the advanced settings.
For the very common case that you mention, you don't need advanced settings. The simple settings already work:
- You could choose horizontal to start and then use the "Vertical At" setting to select a breakpoint for the swap to vertical. Vertical At = Mobile. Done.
- You could also achieve a similar effect by selecting "Grid" and setting Items Per Row = 1 for the mobile breakpoint.
It seems to me that this idea could actually make things worse by letting basic users swap between flexbox and CSS grid at certain breakpoints when that's not normally a good approach.
Louis Reingold I might be missing something here?