Spacer

Usage

Spacer adds vertical space between blocks without extra padding on a Section or empty paragraph tricks. Set a Mobile Size and Desktop Size independently so spacing can tighten on small screens and breathe more on large ones.

The block is invisible on the front end — it renders as an empty element with a set height. In the editor it appears as a labeled placeholder so you can find and adjust it.

Sizes

Mobile (all viewports; overridden on desktop when a desktop size is set):

• None — 0
• Small — 1rem (default)
• Medium — 2rem
• Large — 3rem

Desktop (640px and up):

• None — keep the mobile height
• Small — 2rem
• Medium — 4rem (default)
• Large — 6rem

Both size classes are saved on the block. Mobile presets apply everywhere; desktop presets replace the height at the desktop breakpoint when set to Small, Medium, or Large.

Tips

• Use Mobile: None with a desktop size when you only want extra space on larger screens.
• Use Desktop: None when mobile spacing is enough at every breakpoint.
• Prefer Spacer over manual margin when you need consistent, named spacing steps across a page.
• Stack multiple Spacers sparingly — a single Large desktop preset is usually cleaner than several small ones.