Group

A container for other blocks, including other groups, arranged in a column or a row. Rows of groups make columns; a group with a background becomes a card.

In the editor

Group

Where it goes

The Section section and inside other Groups

Settings

10

Columns and rows

• Layout: Column stacks the blocks; Row puts them side by side.
• Stack on mobile: rows become columns on phones. Turn it off for small items that fit side by side, such as two buttons.
• Width: Fill shares the row evenly with the other groups; Fit the content keeps the group as narrow as what is inside.
• Distribution: start, center, end or space between – how blocks spread along the row or column.
• Vertical alignment: top, middle, bottom or stretch – stretch makes cards in a row equally tall.
• Text alignment and Space between blocks.

Cards

Show background turns the group into a card in its own Color scheme, with Padding inside (0–80 px). Corners follow Tile and panel corner radius in Theme settings › Shapes.

Nesting

Groups can hold groups. The usual pattern:

1. A Group with Layout Row – the row.
2. Inside it, two to four Groups with Column layout – the columns or cards.
3. Inside each column, the content: an Image, a Heading, a Text and a Button.

In Add block, Button row is a Group already set up as a row for buttons.

All settings

Related