Summary
Keywords
Full Transcript
Para aprender a utilizar flexbox en tus diseños web, les voy a mostrar en este video una guía completa y detallada sobre esta técnica de maquetación en CSS. Veremos de manera práctica cómo crear diseños flexibles y eficientes utilizando la propiedad "display: flex". A lo largo de este video, exploraremos los conceptos clave, como los contenedores flexibles y los elementos hijos, y cómo se pueden alinear, distribuir y ordenar de forma precisa. También, aprenderán a utilizar propiedades como "justify-content" y "align-items" para controlar la alineación de elementos en filas y columnas. Vamos a ver cómo anidar flexbox para crear diseños más complejos y cómo solucionar problemas comunes que puedan surgir en el proceso. Este video les proporcionará una comprensión sólida de cómo utilizar flexbox de forma fácil y efectiva para crear diseños web flexibles y adaptables. ¡No se lo pierdan si desean mejorar sus habilidades de diseño web con CSS! 00:00 - Intro 00:58 - ¿Cómo utilizar flexbox? 01:44 - ¿Cómo ver un contenedor flex con las herramientas de desarrollador? 02:26 - ¿Cómo utilizar flex-direction? 04:44 - ¿Cómo utilizar flex-wrap? 06:51 - ¿Cómo utilizar flex-flow? 07:58 - ¿Cómo utilizar justify-content? 08:44 - ¿Cómo utilizar align-items? 11:14 - ¿Cómo utilizar align-content? 13:06 - ¿Cómo utilizar gap? 14:49 - ¿Cómo utilizar order? 15:29 - Cómo utilizar flex-grow? 18:53 - ¿Cómo utilizar flex-shrink? 20:54 - Cómo utilizar flex-basis? 21:50 - ¿Cómo utilizar flex? 23:33 - ¿Cómo utilizar align-self?
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
