Sections

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.

---