Skip to main content
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:
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