Introducción a Flexbox & Contenedor Flex

Aprende los fundamentos de Flexbox: contenedor flex, ejes, flex-direction, flex-wrap y alineación.

🚧 Contenido en desarrollo. Próximamente encontrarás aquí la lección completa.

Temas que cubrirás

De bloques a Flex: por qué float e inline-block no son suficientes
display: flex — activar el contexto flexible
Terminología: contenedor flex, ítems flex, eje principal, eje cruzado
flex-direction: row, column, row-reverse, column-reverse
flex-wrap: nowrap, wrap, wrap-reverse
justify-content: flex-start, center, flex-end, space-between, space-around, space-evenly
align-items: stretch, flex-start, flex-end, center, baseline
align-content (cuando hay wrap y múltiples líneas)

Crear una barra de navegación responsiva con logo a la izquierda y links a la derecha usando solo Flexbox.