Menu

Cajas de una misma altura con Flexbox

Home / Css3 / Cajas de una misma altura con Flexbox

La principal característica del contenedor flexible es la capacidad de modificar la anchura o la altura de los elementos hijos para así llenar los espacios disponibles de la mejor manera posible adaptándose a cualquier dispositivo o a cualquier resolución.

Tenemos que tener en cuenta que  la disposición flex debe de estar constituido por elementos padres e hijos, el padre será el contenedor Flexible “flex container” y los hijos inmediato serán los elementos Flexibles “flex item”.

Propiedades para utilizar en Flexbox:

Propiedades para el contenedor flexible

  • display: flex
  • flex-direction
  • flex-wrap
  • flex-flow
  • justify-content
  • align-items
  • align-content

Propiedades para los flex items

  • order
  • flex-grow
  • flex-shrink
  • flex-basis
  • flex
  • align-self