Pour créer une grille responsive en CSS, vous pouvez utiliser la propriété CSS3 Flexbox ou CSS Grid.
Ici, vous trouverez un exemple d’utilisation de CSS Grid:
```
.container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
grid-gap: 20px;
}
.item {
background: #f2f2f2;
border: 1px solid #ddd;
border-radius: 10px;
padding: 10px;
}
```
Dans cet exemple, la grille sera composée d’autant de colonnes que possible avec une largeur minimale de 200px et une largeur maximale égale à 1fr (fr est une unité de mesure en CSS qui représente une fraction de l’espace restant). Et chaque cellule aura un espace de 20px entre elles.
Vous pouvez utiliser ensuite les classes “container” et “item” dans votre code HTML pour structurer votre grille.
```
Il est également possible de créer une grille responsive en utilisant des frameworks CSS comme Bootstrap qui inclut un système de grille responsive.
Il est recommandé de tester la grille sur différents écrans pour s’assurer qu’elle est véritablement responsive.
