Mautic Pixel

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
El reproductor de video será cargado en breves instantes.

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 33 segundos

Curso de Diseño de plantillas web

curso

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

Estas son algunas de las empresas que ya confían en OpenWebinars

Profesores y profesionales

Nuestros docentes son profesionales que trabajan día a día en la materia que imparten

Conviértete en profesor de OpenWebinars