Une grille adaptative se construit sans media query avec repeat(auto-fit, minmax(min, 1fr)) : le navigateur place autant de colonnes d'au moins la taille minimale que possible et les étire pour remplir la ligne. auto-fit supprime les pistes vides, auto-fill les conserve.
Exemple
grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));