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

Ventajas de implementar Flexbox en una maqueta web

Nadia Prida
  • Escrito por Nadia Prida el 29 de Enero de 2020
  • <1 min de lectura Diseño Web
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.

Relacionado

Te dejamos una selección de cursos, carreras y artículos

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

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

Diseño Web

29 de Enero de 2020

Otro de los elementos que nos ayudan mucho a la hora de elaborar nuestra plantilla o maqueta web son los frameworks de maquetación. Te explicamos qué son y qué ventajas aportan, más concretamente B...

Frontend Developer Profesional

Frontend Developer Profesional

carrera

Incluye 17 cursos:

  • Curso de Polymer
  • Curso de React JS
  • Optimización Web en el Navegador

y 14 cursos más!

Duración: 63 horas y 1 minuto

Curso de Diseño de plantillas web

Curso de Diseño de plantillas web

curso

Con este curso aprenderás:

  • Aprenderás a crear maquetas web a partir de un diseño.
  • A crear una estructura para tu maqueta web.
  • Variedad de herramientas y recursos gráficos.

Duración: 2 horas y 21 minutos

Más de 300 empresas confían en nosotros

Oesia
Vass
Everis
Ayesa
Altran
Ibermatica
Atmira
GFI
Accenture
GMV
Concatel
Telefonica
Caser
Banco de España
kpmg
Mapfre
Randstad