Layout Elements

The structural elements that hold your content. Sections wrap rows, rows hold columns, and columns hold content elements. Specialized section types add backgrounds and effects.

• Section — a full-width-capable band; the top-level container for a row of content, with background color/image/video, bleed layout, spacing and gap controls.
• Bleed Section — a split section with content on one side and a full-bleed image on the other; stacks on mobile.
• Masonry Section — packs its columns into a masonry grid, with per-breakpoint column counts.
• Container — a second content container you can add inside a section: Boxed (site width) or Full-width (edge-to-edge).
• Column — a responsive column with fine-grained per-breakpoint width, offset and alignment.

Hero Section is a parallax-background preset of Section, ideal for page headers. Row is the horizontal container that holds columns inside a section — it is added automatically as you build.

Most elements also expose Background Color and Margin & Padding.