Inicio › HTML, CSS & Layouts › Flexbox Completo › Propiedades de los Ítems Flex & Layouts
Flexbox Completo Práctica ⏱ 1h 30min

Propiedades de los Ítems Flex & Layouts

Domina flex-grow, flex-shrink, flex-basis, order y patrones comunes de layout con Flexbox.

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

Temas que cubrirás

  • Espaciado: gap, row-gap, column-gap
  • order — reordenar visualmente sin tocar el HTML
  • flex-grow, flex-shrink, flex-basis
  • Shorthand: flex: 1, flex: 0 0 auto, flex: 1 1 0
  • align-self — alineación individual
  • Patrones comunes: header con nav, card layouts, sidebar + contenido

Reto

Construir un layout de 3 cards responsivas que se adapten de 1 columna (móvil) a 3 columnas (desktop) usando flex-wrap y flex-basis.