CSS Grid

Crea una cuadrícula de 3 columnas iguales con display: grid.

Usa repeat() para crear 4 columnas iguales.

Crea columnas de tamaño distinto: una fija de 200px y otra flexible con 1fr.

Usa grid-template-rows para definir 2 filas de distinto alto.

Haz que un elemento ocupe 2 columnas con grid-column: span 2.

Construye una galería responsiva de 6 tarjetas con auto-fit y minmax.

Define áreas de layout con grid-template-areas: header, sidebar, contenido y footer.

Combina gap de fila y de columna con valores distintos usando row-gap y column-gap.

Centra un solo elemento dentro de un grid con place-items: center.

Construye una cuadrícula de 9 tarjetas (3x3) para una galería de fotos.