# Block outer spacings

In the shopping experiences *Block settings > Layout* the spacings of a block can be set at the `top`, `bottom`, `left` and `right`.

{% hint style="info" %}
How to configure spacings between columns and blocks you can find more information in  the [Block spacings](https://themedocs.zenit.design/en/content/shopping-experiences/block-inner-spacings) article.
{% endhint %}

## Use global theme spacing

The basic horizontal spacing can be configured via the theme styling configuration so that the spacing matches that of the header and footer. This is useful for very specific layout constellations, e.g. boxed layout.

The advantage of these [global container spacings](https://themedocs-sw6.zenit.design/styling/grundeinstellungen#container-abstaende) is that they are reduced on mobile devices. The values entered in the shopping experience layout, on the other hand, are identical for all viewports, which is not always optimal on small devices.

To use the global container spacing of the theme, simply enter `auto` for **Left margin** and **Right margin** or empty the field.

![](https://2915610672-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4i6VN0FeNAgRFLwVM2Cr%2Fuploads%2F2ZetQcflIcQ6CcnBhyAG%2Fdocs-en-config-shopping-experiences-global-spacings.png?alt=media\&token=28c77475-9e3a-4dc9-ac50-3bc4783438b5)

Example:

![](https://2915610672-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MCG4xkoMVXEQllVF5R9%2F-MHLDkcVYk7SziyCzeFB%2F-MHLESZXb6vEuwWHotKs%2Fdocs-auto-margin-example.png?alt=media\&token=8d5556a2-55e7-4d3f-8e78-d42047cdf963)