Problem
Ein dreispaltiges Grid soll auf kleineren Displays automatisch auf zwei beziehungsweise eine Spalte wechseln.
Die Lösung
Lege die Spaltenbreiten getrennt für Desktop, Tablet und Mobil fest. Typisch sind Desktop 33,33 % pro Spalte und Mobil 100 %. Auf Tablet kann je nach Inhalt 50 % sinnvoll sein.
Nutze den Grid-Gap für gleichmäßige Abstände statt individueller Außenabstände an jeder Kachel. Prüfe außerdem, ob feste Mindestbreiten oder white-space: nowrap in Kind-Elementen das Umbrechen verhindern.