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.

También te puede interesar...

Frameworks

Frontend simplificado: ¿Necesito un framework?

18 Enero 2021 Pablo Huet
Diseño Web

Uso de Frameworks en el diseño de una plantilla web

29 Enero 2020 Nadia Prida
Curso de Diseño de plantillas web

Curso de Diseño de plantillas web

2 horas y 21 minutos · curso

  • Frontend

Las cookies nos permiten ofrecer nuestros servicios. Al utilizar nuestros servicios, aceptas el uso que hacemos de las cookies. Más Información.