En este manual de Flexbox vamos a tratar con detalle una de las herramientas clave de CSS para poder realizar una maquetación de contenidos detallada y versátil: Flexbox.

Flexbox son un conjunto de nuevos atributos (propiedades) y valores de CSS que podemos aplicar a los elementos de una página y que permiten posicionarlos de maneras diferentes a las disponibles anteriormente. No quiere decir que antes no se pudiera hacer las cosas que hoy Flexbox te permite, sino que para conseguirlas tenías que usar varias técnicas en conjunto y que ahora obtienes de una manera muy sencilla.

En resumen, con flexbox podrás hacer casi inmediatamente cosas que con CSS tradicional son muy difíciles de conseguir, lo que te ahorrará tiempo y dolores de cabeza. Eso sí, requiere un estudio detallado y cambiar la manera de pensar a la hora de realizar las interfaces de usuario o maquetar webs completas.

En el manual de Flexbox podrás aprender qué es este potente estándar y cómo aplicarlo en ejemplos reales del diseño web. Comenzaremos explicando qué es Flexbox, para luego conocer los atributos disponibles, tanto para los contenedores Flex como para los elementos que situamos dentro de un elemento bajo display: flex;. Por último veremos algunos ejemplos útiles sobre aplicaciones que podemos realizar con Flexbox, a modo de práctica, que te permitirán soltarte con este nuevo estándar y encontrar casos de uso donde usarlo.

Flexbox no es difícil de aprender, pero en cambio te proporcionará un sin fin de recursos, gracias a los cuales trabajar con CSS será mucho más divertido y agradecido.