> For the complete documentation index, see [llms.txt](https://kitisummus.gitbook.io/riode/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://kitisummus.gitbook.io/riode/thing-to-knows/space-settings.md).

# Space settings

{% hint style="info" %}
You can adjust the width, background color, display only on desktop or mobile, margin, padding, ...
{% endhint %}

![](/files/BRI508pAk5df5Vm9ayc7)

* Title: Name section (in editor bar)
* Turn off on mobile? - Not displayed on mobile.
* Turn off on desktop? - Not displayed on desktop.

## Width

The section's maximum width and the section's content.

![](/files/7CyuKnJn9MaMk865LAwI)

## Margin + Padding

Buffer between sections

![](/files/8UVAs6JF4k6U2jCgg1EO)

## Responsive

Use "**|**" between parameters so that you can customize the distance according to different screen sizes

Ex: Margin top

```
25px|30px|35px|40px|45px|50px|55px
```

Result css:

```css
.content_ {
    margin-top: 25px
}
@media (min-width: 320px){
    margin-top: 25px
}
@media (min-width: 576px){
    margin-top: 35px
}
@media (min-width: 768px){
    margin-top: 40px
}
@media (min-width: 992px){
    margin-top: 45px
}
@media (min-width: 1200px){
    margin-top: 50px
}
@media (min-width: 1400px){
    margin-top: 55px
}
```