Help with Layout Section in v2 – Centering and Column Layouts

[igotsoul]

Hi all,

is there any documentation or guide available that explains how to use the Layout Section in version 2?
In the v1 demo video, it looked really intuitive to arrange content in columns with various alignments directly on the page.

However, I haven't been able to replicate that behavior in v2.
Even for a very simple use case—like centering a single image in a blog post—I assumed the Layout Section would help, but I couldn’t get it to work.

The context menu in the Layout Section (as shown below) looks like it might offer the exact functionality I need:

I’ve tried nesting layout sections, combining them with others, and experimenting with multiple columns, but no success so far.
Maybe I’m misunderstanding the purpose of this feature—but how can I, for instance, arrange content in two, three, or more columns and control their layout as shown in the older demos (e.g. with image grids)?

Any tips or pointers would be greatly appreciated!

Thanks a lot,
Michael

[igotsoul]

Ahhhh, I´ve found it, but it was really well hidden. You need to add further blocks into the Layout Section and only then you get further options in that width context menu. @marcantondahmen That wasn't easy to discover, I guess that needs some kind of hint or documentation (and yeah, I know version 2 doc ain't ready yet ;-) )

[marcantondahmen]

Hi, layout sections work basically the same in version 1 and version 2. The key difference is that you don't need a modal dialog in version 2 and therefore can drag'n'drop blocks between sections.

All layout sections are based on a 12-column grid. You can give a block a width that will determine the column span. The little toolbar that appears when focusing a section let's you control the following:

1. Styles (a dialog will pop up)
2. How the content is arranged horizontally
3. How the content is arranged vertically (row based)
4. The gap size
5. The minimum possible width of a contained block in order to make things responsive (works well with Fill Row)