The container block allows you to create a space design to your preference. Understanding how HTML works is useful when using this block as the same logic applies. You can drag existing blocks into new containers, you can create new ones by clicking on the “…” next to the container and selecting “add block”.
Note: The platform consists of a total of 4 vertical columns/containers. The default left sidebar occupies one container.
You can configure:
Container size: 1 column (small), 2 columns (medium), 3 columns (large), 4 columns (extra large) and full width"
Direction (Horizontal grid / Vertical row)
Spacing between blocks (None / extra small / small / medium / large / extra large)
Padding (vertical and horizontal with sizes: None / extra small / small / medium / large / extra large)
Skip the vertical padding checkbox (main container ONLY! - this allows you to choose if you’d like vertical padding to be carried over to mobile devices to keep the style consistent).
Adding a container block to a space
You can add this block to a space of your choice by :
Navigating to the space you wish to add this to
Pressing “C” to access the design studio for a space
Hovering over any container block in the selected space
Selecting “add block” from the container menu
Selecting “Container block” from the block list