Flexbox

Flexbox tiene como meta ser una forma más eficiente de crear diseños, alinear y distribuir espacios entre ítems en un contenedor, incluso cuando las dimensiones de esos ítems son desconocidas y/o dinámicas (en virtud de eso el término "flex").

Durante mucho tiempo, las únicas herramientas disponibles para crear diseños CSS y posicionar elementos con buena compatibilidad entre browsers eran float y position.

La herramienta Flexbox (de Flexible Box) fue creada para hacer estas tareas más sencillas y funcionales: los secundarios de un elemento con Flexbox se pueden posicionar en cualquier dirección y pueden tener dimensiones flexibles para adaptarse.

Chuletilla de Flexbox, la uso a diario.

Hay propiedades para el contenedor y otras para los hijos de ese contenedor. Una vez os acostumbráis a usarlas, en 1 o dos horas, es muy muy rápido crear un diseño fácilmente modificable según resoluciones y no sabréis cómo habéis vivido sin ello.

Algunos ya habéis utilizado PrimeFlex que es una capa de abstracción sobre estas propiedades.

Mi cara cuando empecé a usar Flexbox