Aus dem Kurs: CSS Grid Grundkurs

So erhalten Sie Zugriff auf diesen Kurs

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 23.200 Kurse von Branchenfachleuten.

Flexbox vs. Grid

Flexbox vs. Grid

Was ist denn jetzt genau der Unterschied zwischen Flexbox und Grid? Beginnen wir vielleicht erst einmal mit den Gemeinsamkeiten. Es gibt nämlich auch Gemeinsamkeiten. Beide sind CSS3-Layoutmodule und das heißt, beide sind dafür gedacht, Elemente anzuordnen und sind dabei wesentlich mächtiger als die Techniken, die wir sonst anwenden, als beispielsweise float oder display: inline-block. Außerdem können Sie beide nutzen, um die Quellcodereihenfolge zu ändern, für die Anzeige. Die Ausrichtung können Sie in beiden ganz ausgefeilt vornehmen, dafür ist eine eigene Spezifikation zuständig, die heißt Box-Alignment. Das heißt kurz gesagt, wenn Sie von Flexbox schon die Eigenschaften zur Ausrichtung kennen, die funktionieren ebenfalls bei Grid, aber es gibt ein bisschen mehr Möglichkeiten bei Grid. Der entscheidende Unterschied zwischen beiden ist, dass Flexbox eindimensional ist, Grid hingegen mehrdimensional. Sie sehen das in einem ganz guten Schaubild aus der Spezifikation von Grid. Das ist…

Inhalt