FLEXBOX

La propiedad flexbox permite colocar los elementos de una página para que se comporten de forma predecible cuando el diseño de nuestra página debe acomodarse a diferentes tamaños de pantalla o dispositivos. Para poder utilizar una caja flexible debemos asignar display: flex.

• Propiedades:
  • flex-direction: Establece el eje principal de la flexbox, en el cual los elementos se suceden unos a otros.
  • flex-basis: Especifica el tamaño inicial de un elemento flexible.
  • flex-grow: Especifica el espacio que un elemento flexible ocupará dentro del contenedor al aumentar. Es relativo al tamaño de los otros hijos del contenedor.
  • flex-flow: Combina las propiedades "flex-direction" y "flex-wrap".
  • flex-wrap: Controla la dirección del eje secundario y la dirección en la que se apilan las nuevas líneas.
  • flex-shrink: Especifica el espacio que un elemento flexible ocupará dentro del contenedor al disminuir. Es relativo al tamaño de los otros hijos del contenedor.

Index