Wann sollten wir uns an CSS Grid wenden und wann sollten wir Flexbox verwenden? Rachel Andrew schrieb bereits 2016 über dieses Dilemma: lange zurück im Jahr 2016:
Flexbox ist im Wesentlichen für das Layout von Elementen in einer einzigen Dimension – in einer Zeile ODER einer Spalte. Grid ist für das Layout von Elementen in zwei Dimensionen – Zeilen UND Spalten.
Ahmad Shadeed schrieb einen Beitrag, in dem er den gleichen Rat gibt, aber aus einem anderen Blickwinkel. Er argumentiert, dass wir Grid für das Layout und Flexbox für Komponenten verwenden sollten.
Denken Sie daran, dass alte Layout-Methoden perfekt für den Job sein können. Übermäßiger Einsatz von Flexbox oder Grid kann die Komplexität Ihres CSS im Laufe der Zeit erhöhen. Ich meine nicht, dass sie komplex sind, aber sie richtig und im richtigen Kontext zu verwenden, wie in den Beispielen dieses Artikels erklärt, ist viel besser.
Apropos, es gibt auch viele großartige Layout-Beispiele in diesem Beitrag.
Sagen Sie also, wenn wir Abschnitte wie Header und Navigationslinks gestalten, sollten wir Flexbox verwenden? Und wenn wir die Hauptinhalte und Artikel strukturieren, sollte Grid eingesetzt werden?
Können wir in beiden Fällen Grid nicht verwenden, da es ein zweidimensionales Layout ermöglicht?