Skip to main content
Las secciones son uno de los bloques de construcción más importantes de LanderLab.
Forman la estructura principal de tu página y te permiten organizar el contenido en partes claras y separadas.

¿Qué es una sección?

Una sección es un contenedor que agrupa todo lo que hay dentro:
  • Texto
  • Imágenes
  • Botones
  • Formularios
  • Cualquier otro elemento
👉 No puedes añadir elementos directamente a la página sin colocarlos dentro de una sección.

Cómo añadir una sección

  • Abre la barra lateral izquierda
  • Ve a Layout
  • Arrastra Section al lienzo

Por qué son importantes las secciones

Las secciones te ayudan a:
  • Separar las distintas partes de tu página (hero, características, pie de página, etc.)
  • Mantener tu diseño limpio y ordenado
  • Controlar fácilmente el espaciado y la estructura
Piensa en cada sección como un “bloque” de tu página.

Max Width (función clave)

Una de las cosas que hacen especiales a las secciones es el ajuste Max Width (ancho máximo).
  • Se encuentra en el panel derecho, dentro de Container
  • Controla cuánto puede ensancharse el contenido dentro de la sección

Cómo funciona:

  • La sección en sí puede ocupar todo el ancho
  • El contenido de dentro se mantiene centrado dentro del ancho máximo
Ejemplo:
  • Max Width: 1240px → el contenido se mantiene bien centrado y legible
  • En pantallas grandes, tu contenido no se estira demasiado

Espaciado dentro de las secciones

Las secciones también te permiten controlar:
  • El padding (espacio interior de la sección)
  • El margin (espacio exterior de la sección)
Así puedes crear un espaciado adecuado entre las distintas partes de tu página.
Notas importantes
  • Todos los elementos deben estar dentro de una sección
  • Las secciones definen el diseño general de tu página
  • Cambiar el ancho máximo afecta a todo lo que hay dentro de esa sección