Sections, Containers, and Columns

Step 1: Read the Hierarchy
Navigator shows the page hierarchy. A section contains columns or inner containers, and those containers hold headings, images, buttons, and other content elements.

Step 2: Choose the Layout
Select the parent section and open Design. Choose grid or flex behavior, then set column structure, alignment, wrapping, content width, and overflow intentionally.

Step 3: Control Space
Use gap for space between children and padding for space inside the parent. Avoid stacking large margins and padding until the layout becomes unpredictable.

Step 4: Set Responsive Structure
On tablet and mobile, change columns, stacking, gap, width, and alignment as needed. The mobile layout should read in a logical order without custom CSS.
