Flex

flex es una nueva herramienta agregada a la propiedad CSS display. Junto con inline-flex, hace que el elemento al que se aplica se convierta en un flex container, y los hijos del elemento se conviertan cada uno en un flex item.

Luego, los elementos participan en el diseño flexible y se pueden aplicar todas las propiedades definidas en el módulo de diseño de caja flexible CSS (CSS Flexible Box).

La propiedad flex es una abreviatura de las propiedades flexbox flex-grow, flex-shrink y flex-base.

Además, <flex> puede referirse a una longitud flexible en CSS Grid Layout.

Aprende más

Propiedades de referencia

Para más información