Layout

Defines how following blocks are laid out in a section.

How to use

Add a Layout block to a content area and place the blocks it lays out after it. Blocks before the first layout block are not laid out. Each example shows one empty slot per column.

Variants

One per row

Stacks every block in one column.

Two per row (50/50)

Two equal columns from tablet width.

Two per row (33/66)

A narrow and a wide column from tablet width.

Two per row (66/33)

A wide and a narrow column from tablet width.

Three per row (33/33/33)

Two columns on tablets, three equal columns on desktops.

Three per row (25/25/50)

On tablets the third block takes a full row. On desktops the third column is twice as wide.

Three per row (25/50/25)

Two columns on tablets. On desktops the middle column is twice as wide.

Three per row (50/25/25)

On tablets the first block takes a full row. On desktops the first column is twice as wide.

Four per row

Two columns on tablets, four equal columns on desktops.

Body text width

Caps the section at the body text width instead of the site width.

Full bleed without gap

Spans the full page width with no gap and no padding between or around the blocks.