Sections

Sections enable you to construct layouts and arrange content alongside each other. Each section component comprises a single line of sections. Discover more about constructing web layouts.

Adding and designing sections

You have the option to insert a sections component from the Insert panel > Miscellaneous category. 

As a default, a sections component contains 2 sections. To modify the number of sections, choose the sections component on the workspace and navigate to Component settings panel > Sections settings. There, you can pick a predefined layout, the desired number of sections, and their relative widths.

You also have the ability to manually adjust the sizes of the sections under Customize. Remember that the widths will always total 12.

Sections come with a standard 10px margin on the left and right.

Creating responsive sections

You can also customize how your sections appear on different screen sizes under Component settings panel > Sections settings. In this section, you can configure your sections to be displayed either horizontally or vertically on various screen sizes.