> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://essential-grid.crisp.help/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

#  Spacing Settings

## Spacing

The **Spacings** panel has two options, **Item Spacing** and **Gallery Margin**, that between them allow you to control the spacing between your grid items and around your grid:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/1/e/1/f1e1cc0327ff9000/image_hosfpz.png =800x441)

## Item Spacing
The **Item Spacing** option controls the amount of space, in pixels, in between the items of your grid, both horizontally and vertically:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/1/e/1/f1e1cc0327ff9000/image_e2lwr4.png =200x163)

## Gallery Margin
The **Gallery Margin** options control how much space, in pixels, there is around the outside of your entire grid.

There are four fields and they control, in order, the top spacing, right spacing, bottom spacing, and left spacing:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/1/e/1/f1e1cc0327ff9000/image_112jckk.png =700x250)
With the spacings settings used in the screenshots above, a grid would have spacing that looks like this:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/1/e/1/f1e1cc0327ff9000/image_1h1cse7.png =800x553)