> For the complete documentation index, see [llms.txt](https://nextsky.gitbook.io/purity-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nextsky.gitbook.io/purity-theme/group-blocks/layout/spacer.md).

# Spacer

The Spacer block is used to insert empty vertical or horizontal space into the section, which is crucial for achieving precise content alignment and defining gaps, especially within a flexible (flex) layout. You can define the size using pixels or percentages for both desktop and mobile.

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2FKA6Ya8KhetFjQu9RbY2Q%2Fimage.png?alt=media&amp;token=2d1400dc-0755-442e-b778-7ba71dae7328" alt=""><figcaption></figcaption></figure>

## General settings

| Setting                | Description                                                                                                                                                                  |
| ---------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Unit**               | **Selects the unit of measurement for the spacer size: Pixel (`px`) or Percent (`%`).**                                                                                      |
| **Size**               | <p><em>Only visible when Unit is Pixel</em>.</p><p>Sets the size (height/width, depending on layout) of the spacer block, measured in pixels (px) (Range: 0px to 400px).</p> |
| **Size**               | <p><em>Only visible when Unit is Percent</em>.</p><p>Sets the size (height/width) of the spacer block, measured in percentage (%) (Range: 1% to 100%).</p>                   |
| **Custom Mobile Size** | A checkbox that, when enabled, allows you to define a separate size and unit for the spacer specifically on mobile devices.                                                  |

## Mobile Settings

| Setting  | Description                                                                                                                                                                             |
| -------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Unit** | <p><em>Only visible when Custom Mobile Size is checked</em>.</p><p>Selects the unit of measurement for the mobile spacer size: Pixel (<code>px</code>) or Percent (<code>%</code>).</p> |
| **Size** | <p><em>Only visible when Unit is Pixel</em>.</p><p>Sets the size (height/width) of the spacer block on mobile, measured in pixels (px) (Range: 16px to 160px).</p>                      |
| **Size** | <p><em>Only visible when Unit is Percent</em>.</p><p>Sets the size (height/width) of the spacer block on mobile, measured in percentage (%) (Range: 1% to 100%).</p>                    |