> ## 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 columnas para crear diseños adaptables

> Usa columnas para crear diseños adaptables, organizar el contenido en paralelo y estructurar tus landing pages en todos los dispositivos.

Las columnas te permiten dividir una sección en varias áreas verticales para colocar contenido uno al lado del otro.

Son imprescindibles para crear diseños estructurados como:

* Texto + imagen
* Cuadrículas de características
* Secciones de varias columnas

### Cómo añadir columnas

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

***

## Ajustes de las columnas

Al seleccionarlas, verás los controles de columnas en el panel derecho.

### Diseño según el dispositivo

Puedes definir un diseño de columnas distinto para cada dispositivo:

* **Desktop:** elige cuántas columnas (de 1 a 6)
* **Tablet:** ajusta el diseño para pantallas medianas
* **Mobile:** normalmente se deja en 1 columna para que se lea mejor

👉 Así te aseguras de que tu diseño se adapte a todos los dispositivos.

***

## Ajustar el número y el tamaño de las columnas

Puedes controlar fácilmente tanto el número de columnas como el espacio que ocupa cada una.

* Selecciona el elemento **Columns**
* Abre el **panel de ajustes** de la derecha

### Cambiar el número de columnas

* Elige un diseño predefinido (2, 3, 4, etc.)

### Ajustar el ancho de las columnas

Tienes dos formas:

* **Arrastrar visualmente:** arrastra el separador entre columnas directamente en el lienzo
* Así puedes cambiar rápidamente la proporción de ancho (por ejemplo 70/30 o 50/50)

***

## Gap (espacio entre columnas)

* **Gap** controla el espacio entre columnas
* Se mide en píxeles (px)

Ejemplo:

* Gap: 0 → las columnas se tocan entre sí
* Gap: 20 → añade espacio entre columnas

***

## Cómo funcionan las columnas

* Cada columna funciona como un contenedor
* Puedes soltar elementos dentro de cada columna
* Las columnas van dentro de las secciones

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

***

## Notas importantes

* Las columnas deben estar dentro de una sección
* Cada columna puede contener varios elementos
* Puedes cambiar el diseño para cada dispositivo y mejorar la adaptación