> ## Documentation Index
> Fetch the complete documentation index at: https://www.courier.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Spacer Blocks

> Add vertical spacing between blocks in Design Studio. Control height and spacing for email and other channels.

Spacer blocks add vertical space between other blocks. Use them to separate sections, improve readability, or control layout without adding visible content.

## Adding a spacer block

1. In Design Studio, select a channel.
2. Add a **Spacer** block from the block sidebar or toolbar.
3. Place it between blocks where you want extra space.
4. Adjust the spacer height in the block settings.

<Frame caption="Spacer Block">
  <img src="https://mintcdn.com/courier-4f1f25dc/kP89ont3skGKuAuV/assets/platform/content/designer-v2/designer-v2-spacer-new.png?fit=max&auto=format&n=kP89ont3skGKuAuV&q=85&s=76085512fdfd07bce61a0ec80e1384ac" alt="Spacer block in Design Studio" width="1834" height="972" data-path="assets/platform/content/designer-v2/designer-v2-spacer-new.png" />
</Frame>

## Spacer settings

Control how much vertical space the spacer adds.

<Frame caption="Spacer Settings">
  <img src="https://mintcdn.com/courier-4f1f25dc/kP89ont3skGKuAuV/assets/platform/content/designer-v2/designer-v2-spacer-settings.png?fit=max&auto=format&n=kP89ont3skGKuAuV&q=85&s=4ce749e099e778f389744cc1c30d3241" alt="Spacer settings in Design Studio" width="1430" height="494" data-path="assets/platform/content/designer-v2/designer-v2-spacer-settings.png" />
</Frame>

## Related

<CardGroup cols={2}>
  <Card title="Divider Blocks" icon="minus" href="./divider-blocks">
    Horizontal separators
  </Card>

  <Card title="Overview" icon="book" href="./design-studio-block-basics">
    Content blocks v2 basics
  </Card>
</CardGroup>
