• Sections (Blue) – The largest container for page content. 
• Rows (Green) – Divide sections into columns. 
• Modules (Gray) – Content elements inside rows (text, images, buttons, sliders, etc.). 

Show a visual diagram of the hierarchy:

pgsql
CopyEdit
Page → Sections → Rows → Columns → Modules

Discuss full-width vs. standard sections.

Fullwidth Sections vs. Standard Sections in Divi

1. What Are Standard Sections?

Standard Sections are the default section type in Divi. They contain rows and columns, which are used to organize modules within a more traditional boxed layout.

• Content width is constrained to the site’s container (usually ~1080px by default).

• You can customize column structures (1-column, 2-column, 3-column, etc.).

• Great for:

  • Text-heavy layouts

  • Side-by-side content (e.g., image + text)

  • Blog posts, service pages, product descriptions

Use when you need modular flexibility and want your content to align with the rest of the page or stay within defined margins.

2. What Are Fullwidth Sections?

Fullwidth Sections span the entire width of the browser window, edge to edge. They don’t use rows and columns like standard sections, and they only support Fullwidth Modules.

• Visually more dynamic and immersive.

• Typically used for hero images, sliders, headers, maps, or call-to-action banners.

• You can’t insert standard modules here — only fullwidth-compatible ones.

Fullwidth modules include:

• Fullwidth Slider

• Fullwidth Header

• Fullwidth Menu

• Fullwidth Map

• Fullwidth Code (custom scripts/CSS)

Use when you want to make a strong visual impact or create a bold section that stands out across the page width.