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

# Usa boxes para estructurar tus landing pages

> Usa boxes para agrupar elementos, controlar el diseño y crear landing pages estructuradas y flexibles con un espaciado y una alineación precisos.

El elemento Box es una de las herramientas de diseño más importantes de LanderLab.

Te permite agrupar, organizar y controlar los elementos de tu página con más precisión.

***

## ¿Qué es un Box?

Un Box es un contenedor que agrupa otros elementos dentro de él.

Puedes colocar dentro de un box:

* Texto
* Imágenes
* Botones
* Listas
* Otros boxes

👉 Piénsalo como una envoltura que te ayuda a estructurar tu contenido.

<Note>
  Notas importantes

  * Los boxes son fundamentales para estructurar diseños
  * Puedes anidar boxes para tener más flexibilidad
  * Resuelven la mayoría de los problemas de alineación y espaciado
</Note>

### Cómo añadir un Box

* Abre la barra lateral izquierda
* Ve a **Layout**
* Arrastra **Box** dentro de una sección o una columna

***

## Por qué son importantes los boxes

Los boxes te dan más control sobre cómo se organizan los elementos.

Los usas para:

* Agrupar elementos relacionados
* Alinear elementos correctamente
* Crear diseños más avanzados
* Ajustar con precisión el espaciado y la posición

👉 La mayoría de los diseños detallados dependen de los boxes para funcionar bien.

***

## Cómo funcionan los boxes

Ejemplo de estructura:<br />Sección → Columnas → Box → Elementos

* Un box va dentro de columnas o secciones
* Los elementos van dentro del box
* Puedes colocar boxes dentro de otros boxes para tener más control

***

## Control del diseño

Con un box seleccionado, puedes controlar:

* **Direction:** disposición en fila o en columna
* **Alignment:** posición de los elementos (izquierda, centro, derecha)
* **Distribution:** reparte los elementos de forma uniforme
* **Gap:** espacio entre elementos

Aquí es donde se hacen la mayoría de los ajustes de diseño.

***

## Opciones de estilo

Los boxes también admiten:

* Fondos (color o degradado)
* Espaciado (padding y margin)
* Bordes y radio de esquina
* Sombras
* Ancho y alto