The Spacer Card should be used when you want to add space between different elements on a page.
In this example there is very little space between the headline and the image:
![](https://downloads.intercomcdn.com/i/o/52362723/d5636a99768814396c3f0eef/spacer-3.png)
If we add a spacer between the headline and the image we can increase that space:
![](https://downloads.intercomcdn.com/i/o/52362805/f8f3c6adbb972adf8bd753e6/spacer-4.png)
The spacer will be highlighted when you hover over the area between the headline and the image:
![](https://downloads.intercomcdn.com/i/o/52362870/9b8d4a47af618f0fc0215a18/spacer-5.png)
Spacer Card Menu
The blue Text Card menu appears when you click on a spacer within the page:
![](https://downloads.intercomcdn.com/i/o/52362182/7dc4a2c1405f0e9164cf3da6/spacer-1.png)
You can control the height of the spacer by clicking and dragging the slider shown below. Drag to the left to decrease the height of the spacer. Drag to the right to increase the height of the spacer:
![](https://downloads.intercomcdn.com/i/o/52362950/c959a1d9cdc527339388aef2/spacer-2.png)