Skip to main content

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.

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.
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