Documentation › Portals › Layout and sizes

Layout and sizes

Width, height, alignment, spacing and how the page behaves on small screens.

Layout is done with arrangements, boxes that hold other components. See Arrangements for the full list of settings.

# Vertical or horizontal

A vertical arrangement stacks its components, a horizontal one puts them side by side. Nest them to build a grid: a horizontal arrangement of three vertical ones makes three columns.

# Width and height

• Width: automatic, to the content, filling the space, a percentage or a number of pixels.
• Height: automatic, filling, or pixels. Pictures and vertical alignment need a fixed height to show their effect.

# Alignment and spacing

Align content left, centre or right; set the space between components and the inner margin; give an arrangement a soft or accent background, rounded corners and a border.

# Small screens

A component never shrinks below its content. If a horizontal arrangement is too narrow, tick Wrap to a new line when too narrow and its components pass to the next line. Check the three device views before you save.

# Limits

60 components per page, 4 levels of arrangements.