DevPath · Aprende a programar ESPTEN

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

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 →