> For the complete documentation index, see [llms.txt](https://help.checkoutchamp.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.checkoutchamp.com/funnel-builder/creating-and-editing-funnels-pages/funnel-visualizer-and-page-builder/page-builder-2.0/page-building-tips/flex-settings.md).

# Flex Settings

At the bottom of the style manager, you will find the Flex settings. Here you can apply flexbox CSS style to your page with a simple click of a few buttons. Below are some good resources on the purpose and function of Flex settings.

<figure><img src="/files/VCKZgVYbocu45cFZRVwG" alt="" width="563"><figcaption></figcaption></figure>

<figure><img src="/files/HIgoblzhXptd3qRAE3L7" alt="" width="357"><figcaption></figcaption></figure>

## **Resources on Flex Settings:** <a href="#flexsettings-resourcesonflexsettings" id="flexsettings-resourcesonflexsettings"></a>

<https://css-tricks.com/snippets/css/a-guide-to-flexbox/>

<https://www.youtube.com/watch?v=JJSoEo8JSnc>