CSS Grid platziert Elemente einer Webseite in Zeilen und Spalten. Es ähnelt einem Fach mit Unterteilungen: Jedes Element kann an einer gewünschten Stelle liegen und die gesamte Anordnung passt sich dem Bildschirm an.
Eine Galerie kann auf einem breiten Bildschirm beispielsweise drei Karten nebeneinander und auf einem schmalen Smartphone weniger Spalten zeigen. Mit Grid beschreiben Designer Zeilen und Spalten, ohne jede Karte manuell zu positionieren.
Grid eignet sich, wenn ein Layout zwei Richtungen zugleich braucht. Für eine einfache Buttonreihe oder einen vertikalen Stapel ist eine einfachere Anordnung möglicherweise leichter zu verwalten.