La propiedad display en CSS determina cómo se muestra un elemento en el diseño de la página. En el contexto de flexbox, estos dos valores, flex e inline-flex, se utilizan para establecer un contenedor como un contenedor flexible.
Podemos indicar qué elementos flexibles se deben trasladar cuando no hay suficiente espacio en el contenedor mediante la propiedad flex-wrap esta tienetres valores diferentes que son: wrap, wrap-reverse, nowrap.
La propiedad justify-content es la que define la justificación horizontal de los elementos hijos de un contenedor flexible, esta solo permite la utilidad de cinco valores los cuales son: flex-start, flex-end, center, space-between, space-around.
La propiedad align-items actúa sobre el eje vertical. Para utilizar esta propiedad primero se debe definir la propiedad flex-direction: row. La propiedad align-items acepta cinco valores: stretch, flex-start, flex-end, center, baseline.
La propiedad flex-direction determina la dirección en la que los elementos flexibles se colocan dentro de un contenedor flex. Puede establecerse para organizar los elementos en una fila (horizontal) o en una columna (vertical). La propiedad flex-direction acepta cuatro valores: row, row-reverse, column, column-reverse.
flex-grow define cómo un elemento debe crecer en relación con el resto de los elementos flexibles en el contenedor Flexbox.
flex-shrink define cómo los elementos se encogen en relación con los demás cuando no hay suficiente espacio en el contenedor.
flex-basis establece el tamaño inicial de un elemento antes de que se distribuya el espacio restante.
flex es una propiedad abreviada que combina flex-grow, flex-shrink y flex-basis.
order cambia el orden en el que aparecen los elementos flexibles.
Abril Yamilet Cisneos Amador
CECyTEM