Principales propiedades de Flexbox
| Propiedad | Descripción |
|---|---|
display: flex | Convierte al elemento en un contenedor flex. |
flex-direction | Establece la dirección principal de los elementos flex (row, row-reverse, column, column-reverse). |
justify-content | Alinea los elementos flex a lo largo del eje principal (flex-start, flex-end, center, space-between, space-around, space-evenly). |
align-items | Alinea los elementos flex a lo largo del eje transversal (flex-start, flex-end, center, baseline, stretch). |
align-content | Alinea las líneas flex dentro del contenedor cuando hay espacio extra en el eje transversal (flex-start, flex-end, center, space-between, space-around, stretch). |
flex-wrap | Especifica si los elementos flex deben envolver o no (nowrap, wrap, wrap-reverse). |
flex-grow | Especifica cuánto puede crecer un elemento flex con respecto al resto (número). |
flex-shrink | Especifica cuánto puede encoger un elemento flex con respecto al resto (número). |
flex-basis | Establece el tamaño inicial de un elemento flex (auto, px, %, etc.). |
order | Especifica el orden en el que aparecen los elementos flex (número). |
