The short answer

A clear layout hierarchy keeps spacing and responsive behavior predictable. Start with a section or container, add rows and columns, and then place content widgets inside them.

Availability: Available to accounts with Website Builder access. Some tools depend on the selected plan, site role or connected service.

Step-by-step

  1. Open the canvas add menu

    Choose the plus control and select Container, Section, Row or Inner Column.

  2. Create the outer structure

    Use a Section or Container for one major page band such as the hero, services or contact area.

  3. Add rows and columns

    Create a Row, then add or adjust columns for side-by-side content. Use Inner Column only when nested structure is necessary.

  4. Add widgets

    Place content widgets inside the correct column and keep heading, text and button groups together.

  5. Check all responsive modes

    Use Desktop, Tablet and Mobile to confirm the layout stacks and wraps correctly.

Was this guide helpful?

Send feedback about this guide