Tabla de contenidos

Guía Flexbox

Esta guía representa el uso recomendado en la creación de distintos tipos de Layouts con Flexbox – Elementor

Layout simple con Wrap

Configurar el contenedor padre con estas dos opciones:

  • Fila.
  • Envoltura.

Agregar contenedores con un ancho de 30%. Actualizar los anchos en el responsive para que el contenido se visualice correctamente.

El resultado es el siguiente:

Layout alineado con Wrap

Es posible generar alineaciones y justificaciones de contenido de la siguiente forma:

Alineación al centro: ubica los elementos de las filas al centro. También se puede alinear a la izquierda y a la derecha, similar a la alineación de los textos.

Espacio intermedio: ubica los elementos ocupando el máximo espacio entre ellos.

Espacio uniforme: ubica los elementos ocupando el máximo espacio alrededor de los mismos, de manera uniforme entre ellos  

Layout alineado con Wrap y Grow

Contenedor hijo: Configurar la opción ‘Crecer’ desde los ajustes avanzados del contenedor hijo.