Problem mit css-grid

[MrMurphy1]

Hallo

Es ist unsinnig Fallbacks für bestimmte Browser zu erstellen. Das ist nicht der Sinn von Fallbacks.

Zumal es viel verbreitetere Browser außer dem IE11 gibt, die CSS Grid nicht beherrschen.

Entsprechend sollte ein Fallback für alle Browser erstellt werden die CSS Grid nicht beherrschen.

Außerdem solltest du dich von der Vorstellung lösen mit Fallbacks das Originallayout möglichst genau nachbauen zu wollen. Auch das ist nicht der Sinn von Fallbacks.

Sonst machst du dir vollkommen unnötigen Streß ohne Ende.

Um zu einem Ergebnis zu kommen solltest du mit Mobile First beginnen und ein Einspalten-Layout erstellen, dass alle Browser beherrschen. Danach das zweite Fallback mit Flexbox und danach die Lösung mit CSS Grid.

Um dich nicht zu verlaufen kannst du auch für alle drei Layouts zunächst jeweils einzelne Lösungen erstellen und testen. Wenn die einzeln funktionieren kannst du sie anschließend zusammenfügen. Damit kommst du eher zum Ziel als gleich alles zusammenzuschmeißen und dann die Nadeln im Heuhaufen zu suchen.

Gruss

MrMurphy