# 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.

Tally theme documentation · HTML version: https://themelab.page/tally/docs/blocks/group/

## At a glance

- **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

**Block: Group** (10 settings, in editor order)

| Setting | Options | Default |
| --- | --- | --- |
| **Layout** | Column · Row | Column |
| **Stack on mobile** | Checkbox | On |
| **Width** – Fill shares the row evenly with the other groups | Fill · Fit the content | Fill |
| **Distribution** | Start · Center · End · Space between | Start |
| **Vertical alignment** | Top · Middle · Bottom · Stretch | Top |
| **Text alignment** | Like the section · Left · Center · Right | Like the section |
| **Space between blocks** | 0–80px (step 4) | 16px |

*Background*

| Setting | Options | Default |
| --- | --- | --- |
| **Show background** – Turns the group into a card in its own color scheme | Checkbox | Off |
| **Color scheme** | Color scheme | Scheme 2 |
| **Padding** | 0–80px (step 4) | 0px |

## Related

- [Section](https://themelab.page/tally/docs/sections/section.md): Build any section from blocks – headings, text, buttons, images, spacers, dividers and nestable groups.
- [Button](https://themelab.page/tally/docs/blocks/button.md): A link styled as a primary, secondary or accent button, or as a text link, in three sizes.
- [Image](https://themelab.page/tally/docs/blocks/image.md): An image in its own or a fixed shape, with a width, rounded corners, a link and a caption.