Saltar al contenido
Frontend Classroom
Recorrido Referencia Glosario
← Recorrido

Lecciones

  • Grid básico: display, columnas, fr y gap ejercicio
  • Grids fluidos: repeat, auto-fit y minmax
  • Ubicar ítems: grid-column, grid-row y span ejercicio
  • Layouts nombrados: grid-template-areas y grid-area ejercicio
  • Alineación y la regla Flexbox vs Grid
Lecciones
← Recorrido

Lecciones

  • Grid básico: display, columnas, fr y gap ejercicio
  • Grids fluidos: repeat, auto-fit y minmax
  • Ubicar ítems: grid-column, grid-row y span ejercicio
  • Layouts nombrados: grid-template-areas y grid-area ejercicio
  • Alineación y la regla Flexbox vs Grid
26
Capa 02 · Presentación
26

CSS Grid

Crea layouts bidimensionales con precisión: grid-template, fr, gap, areas nombradas y ubicación de ítems.

5 lecciones

  • 01 Grid básico: display, columnas, fr y gap ejercicio →
  • 02 Grids fluidos: repeat, auto-fit y minmax →
  • 03 Ubicar ítems: grid-column, grid-row y span ejercicio →
  • 04 Layouts nombrados: grid-template-areas y grid-area ejercicio →
  • 05 Alineación y la regla Flexbox vs Grid →
← Flexbox Diseño responsive →