> 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/page-width.md).

# Page Width

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

Flexi gives you multiple ways to control the width of each section, so it fits naturally within your theme.

{% stepper %}
{% step %}

#### Choose a Width Setting

In the section settings, you’ll find three options:

* Fixed Pixel Value → Set a specific width in pixels.
* Full Width → Stretch the section across the entire screen.
* Custom CSS Class → Use a class to match your theme’s existing width styles.
  {% endstep %}

{% step %}

#### Dawn / Horizon

* Dawn → Set the page width to custom, and use the custom CSS class "page-width".
* Horizon → Set the page width option to Full. Then toggle on developer mode and add the class "section" to adopt Horizon’s standard section width.
  {% endstep %}

{% step %}

#### Other Themes

For most themes, setting a pixel width is the simplest approach. If you’re comfortable with CSS, we recommend using the theme’s existing classes or creating your own custom class for maximum control.
{% endstep %}
{% endstepper %}

This flexibility ensures your sections look consistent, no matter which theme you’re building on.