Crear una cuadrícula responsiva en CSS es relativamente sencillo con el uso de la propiedad “grid” introducida en CSS3.
CSS Grid Layout es la más potente herramienta de diseño de cuadrículas en CSS. Es un sistema de cuadrículas bidimensional, lo que significa que puede manejar simultáneamente columnas y filas, a diferencia de los sistemas de diseño de CSS flexibles, que son en su mayoría unidimensionales.
Aquí te dejo un ejemplo simple:
```html
```
Esto creará una cuadrícula de 3×3 que se adaptará a ser una cuadrícula de 2×2 cuando la pantalla sea menor a 500px y una cuadrícula de 1×1 cuando la pantalla sea menor a 300px.
