Using Containers

Last Update: August 17, 2023

Adding Flexbox Containers to your page

You can add a flexbox container to your page by using one of the following methods:

  • Clicking the Plus sign to create a new container.
    58fbad53 737e 41b8 9bb5 0d4f1edf86ac Using Containers 1
  • Dragging a new Flexbox Container into the above box.
    5a1c0c97 fc61 4b31 adae f281bc453c07 Using Containers 3

Note: Containers can be added inside of other containers. They will then be treated as the contained items of the upper container. You can create your entire page inside one container! This is useful for controlling the elements gap between the different sections of the page, while keeping your page responsive.

Adding widgets in Flexbox Containers

After adding a flexbox container, you can add widgets into it and continue building your page layout, or add another container into the first container, which is useful if you want to group several widgets together and apply the same settings on them.

7617fd85 f14a 45cc 94a2 16a2fca189af Using Containers 5

Tip: Flexbox containers can support an almost infinite number of different layouts. Try out any layout you can think of while keeping in mind that you can always use nested containers for grouping widgets under the same styling and settings.

On this page

Share this article