> For the complete documentation index, see [llms.txt](https://flexi-library.gitbook.io/flexi-sections/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://flexi-library.gitbook.io/flexi-sections/docs/padding-margins.md).

# Padding / Margins

{% embed url="<https://www.youtube.com/watch?v=d5ug-EUwu6U>" %}

Flexi treats spacing differently than most themes by giving you both quick controls and advanced flexibility.

{% stepper %}
{% step %}

#### Basic Spacing

Use the built-in px slider to set spacing for top, right, bottom, and left. This is the fastest way to make precise adjustments.
{% endstep %}

{% step %}

#### Custom Spacing

Switch to the custom setting if you want more control. Here you can enter values like:

* 4rem
* 20px 16px
* 2em auto

This option is perfect for applying responsive or shorthand CSS values.
{% endstep %}

{% step %}

#### Developer Mode

For full customization, enable Developer Mode, pass in a custom class, and then write your own CSS. This gives you unlimited flexibility and lets you reuse spacing styles across sections.
{% endstep %}
{% endstepper %}

With these options, Flexi makes it easy to keep layouts consistent while still allowing for highly custom designs.