Container

Where sections take up the full width of a page, containers have spacing on each side. This makes them perfect to hold content elements.

Each element that is added inside a container will not touch the browser screen but has room to breathe.

Containers are div blocks, the only difference is that containers are already styled with preset properties (to save you time). The size automatically decreases as the screen gets smaller, so your content will always display nicely on tablet and mobile.

Adding containers

To add a container, navigate to the top panel. Look for the Square icon, unfold and click Container.

All containers will automatically adapt to breakpoints, but you can add more padding (e.g. on mobile breakpoints).

Adding custom containers

If you want to add a frame to hold your content, but you don’t want to use a container with its default settings, you can use a div block instead.

To add a div block, navigate to the top panel. Look for the Square icon, unfold and click Div block. In the Design tab on the right-hand side, you can now set your own spacing (margin and padding) and sizing (height and width).