La Web: HTML y CSS
🔲 CSS Grid
Layouts bidimensionales con CSS Grid: rejillas, colocación de items, áreas y diseño responsive sin media queries.
Qué aprenderás
- Construir rejillas bidimensionales con
display: grid,grid-template-columns/rows, la unidadfrygap - Colocar items por líneas y con
spanusandogrid-columnygrid-row - Maquetar páginas legibles con
grid-template-areasygrid-area - Crear galerías de tarjetas responsive sin media queries con
repeat(),minmax()yauto-fit
Lecciones
Grid básico: filas, columnas y la unidad frdisplay: grid, grid-template-columns/rows, la unidad fr y gap. Colocar items: líneas, span y áreasgrid-column, grid-row, span y grid-template-areas + grid-area. Responsive sin media queries: auto-fit y minmaxrepeat(), minmax() y auto-fit / auto-fill para tarjetas fluidas.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 →