Question

Supongamos que tenemos un contenedor y le agregamos las propiedades: display: flex y Flex-direction: reverse, ¿Qué efecto tendrían estas dos instrucciones sobre los elementos dentro del contenedor?

Answer 1

Respuesta:

Para centrar nuestra caja, usamos la propiedad align-items para alinear nuestro artículo en el eje transversal, que en este caso es el eje del bloque que se ejecuta verticalmente. Utilizamos justify-content para alinear el elemento en el eje principal, que en este caso el eje en línea se ejecuta horizontalmente. Si los elementos tienen unas dimensiones tales que no quepan en el contenedor, el comportamiento flex hará que se intenten agrupar en la fila de manera que quepan bien sin saltar de línea, pero también podemos configurarlo para hacer que, si no caben, se pasen a la línea siguiente.

Explicación: 12/10/2021