Ventajas de implementar Flexbox en una maqueta web

Flexbox es un nuevo modelo de layout que permite que los elementos una página se comporten de forma flexible en todos los diferentes tamaños de pantalla.

Para poder trabajar con Flexbox hay que conocer muy bien su estructura, que está constituida por un contenedor padre o contenedor Flex, y sus hijos o elementos flexibles, y es sobre el padre sobre el cual se aplica la mayor parte de las propiedades.

Algunas de las propiedades de Flexbox

Algunas de las propiedades del contenedor padre son:

• Flex-direction: da la orientación a los elementos hijo.

• Flex-wrap: se encarga de que los elementos hijo puedan saltar de línea.

• Justify-content: justifica a esos alimentos hijo.

• Align-items: alinea los elementos hijo.

Algunas de las propiedades que se pueden aplicar a los elementos flexibles o hijos son:

• Order: permite cambiar el orden de los elementos, de tal forma que podemos cambiar su orden en la vista o parte CSS, pero en el HTML siguen teniendo el mismo orden.

• Align-self: permite alterar la alineación de un elemento concreto, aunque anteriormente le hubiésemos dado otra alineación dentro del contenedor padre.