La Web: HTML y CSS

🧭 Flexbox a fondo

Alinear y distribuir cualquier cosa sin pelearte con el CSS, centrado vertical incluido. Domina los ejes, el contenedor, los items y los patrones de layout que usarás cada día.

Qué aprenderás

Distribuir y alinear items con justify-content (eje principal) y align-items (eje cruzado) según flex-direction
Repartir el espacio entre items con flex-grow, flex-shrink, flex-basis y el atajo flex
Centrar elementos en ambos ejes y permitir varias líneas con flex-wrap y gap
Maquetar patrones reales: centrado perfecto, navbar con space-between y layouts con flex: 1

Lecciones

El contenedor flex: ejes y distribuciónflex-direction, justify-content, align-items, flex-wrap y gap. Los items: grow, shrink, basis, self y orderflex-grow, flex-shrink, flex-basis, el atajo flex, align-self y order. Patrones reales: centrado, navbar y repartoCentrado perfecto, barra de navegación logo/enlaces y reparto del espacio.

Practica este módulo en la app

DevPath es un curso práctico: aquí lees la teoría; en la app la pones en práctica con ejercicios que se ejecutan de verdad, sin conexión.

Empezar gratis en la app →