Inicio › HTML, CSS & Layouts › CSS Grid › Fundamentos de CSS Grid
CSS Grid Teoría ⏱ 1h 30min

Fundamentos de CSS Grid

Aprende los fundamentos de CSS Grid: tracks, lines, cells, fr, repeat(), minmax() y columnas dinámicas.

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

Temas que cubrirás

  • Flexbox vs Grid: cuándo usar cada uno (1D vs 2D)
  • display: grid — terminología: tracks, lines, cells, areas
  • grid-template-columns y grid-template-rows
  • Unidad fr — fracciones del espacio disponible
  • repeat() y minmax() — tamaños flexibles
  • gap, row-gap, column-gap
  • auto-fill vs auto-fit

Reto

Crear una galería de imágenes que se adapte automáticamente a cualquier tamaño de pantalla usando auto-fit y minmax.