Técnica de CSS que permite crear diseños flexibles y adaptables a diferentes tamaños de pantalla y dispositivos, con esta técnica es posible controlar el tamaño, la posición y el orden de los elementos que se encuentran en un contenedor, además distribuirlos de manera flexible. Flexbox se basa en el concepto de “Flex Container” (Contenedor flexible) y “Flex item” (Elemento flexible).
Flexbox trabaja con 2 ejes, el eje principal identificado como (flex-direction) y un eje perpendicular (row o row-reverse) a éste.
Al comenzar a implementar flexbox lo primero es contar con un contenedor flexible, tal como se muestra a continuación:
El contenedor identificado con la clase flex-container se vuelve flexible al establecer el atributo “display” con la propiedad “flex”.