Flex Container
Propiedades del elemento padre
Tenemos varias propiedades que podemos poner en nuestro flex container o elemento padre.
flex-directionflex-wrapflex-flowjustify-contentalign-itemsalign-content
flex-direction
La propiedad flex-direction define en qué dirección se distribuirán los elementos dentro del container. Tenemos los siguientes valores:
columncolumn-reverserowrow-reverse
flex-wrap
La propiedad flex-wrap específica si los elementos pueden saltar a la siguiente fila/columna si es necesario.
flex-flow
La propiedad flex-flow es una combinación de las propiedades flex-direction y flex-wrap.
justify-content
Sirve para alinear el contenido.
align-items
La propiedad align-items se usa para alinear en vertical los elementos de un flex container.Tenemos varias opciones:
centerflex-startflex-endstretchbaseline
La propiedad align-content se usa para alinear las filas. Tenemos varias opciones:
space-betweenspace-aroundstretchcenterflex-startflex-end
