> ## Documentation Index
> Fetch the complete documentation index at: https://docs.landerlab.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Use Sections to Structure Landing Pages

> Learn how to use sections to structure landing pages, organize content, and control layout, spacing, and responsiveness.

Sections are one of the most important building blocks in LanderLab.\
They act as the main structure of your page and allow you to organize your content into clear, separate parts.

### What is a Section?

A section is a container that holds everything inside it:

* Text
* Images
* Buttons
* Forms
* Any other elements

👉 You cannot add elements directly to the page without placing them inside a section.

***

## How to Add a Section

* Open the left sidebar
* Go to **Layout**
* Drag **Section** onto the canvas

***

## Why Sections Matter

Sections help you:

* Separate different parts of your page (hero, features, footer, etc.)
* Keep your layout clean and organized
* Control spacing and structure easily

Think of each section as a “block” of your page.

***

## Max Width (Key Feature)

One of the main things that makes sections special is the **Max Width** setting.

* Located in the right panel under **Container**
* Controls how wide the content inside the section can be

### How it works:

* The section itself can stretch full width
* The content inside stays centered within the max width

Example:

* Max Width: 1240px → Content stays nicely centered and readable
* Larger screens won’t stretch your content too far

***

## Spacing Inside Sections

Sections also allow you to control:

* Padding (space inside the section)
* Margin (space outside the section)

This helps you create proper spacing between different parts of your page.

***

<Warning>
  Important Notes

  * Every element must live inside a section
  * Sections define the overall layout of your page
  * Adjusting max width affects everything inside that section
</Warning>