Grid im Self-Wiki

[marctrix]

Hej Gunnar,

@@marctrix

es müsste einige Vorteile gegenüber flexboxen geben - zum Beispiel sollten sich in unabhängigen Containern Raster festlegen, die zueinander bündige Spalten haben (was mir mit flexbox nicht gelungen ist..

Flexbox wirkt ja nur in eine Richtung. Auch wenn sich diese durch wrap schlängeln kann, bleibt’s doch eine Richtung.

Das Problem ist hier die Methode von Flex, den nach Zuteilung der in flex-basis angegeben Größe den frei verfügbaren Platz an alle Elemente entsprechend des mit flex-grow angegebenen Verhältnisses zu verteilen. Wenn zwei Container unterschiedlich groß sind, können die enthaltenen Boxen nicht gleich groß und damit nicht bündig sein, weil der zu verteilende Latz unterschiedlich ist.

Durch das Umbrechen erhält man natürlich automatisch eine zweite Dimension, ähnlich wie bei meinem CSS-Grid-Beispiel für eine Galerie, die ja auch automatisch umgebrochen wird und sich mit ein paar Ausnahmen wie eine Flex-Box-Umsetzung verhält. Flex-Boxen haben in bestimmten Einsatz-Szenarien sogar Vorteile — CSS-Grid ist Aja ich kein Ersatz für Flexbox sondern eine zusätzliche Methode, um Elemente anzuordnen.

Die zweidimensionalen Fähigkeiten von Grid kommen bei anderen Einsatzzwecken deutlicher zum Tragen und entfalten dort auch Ihre Vorteile (natürlich vor allem bei der Seitenaufteilung).

Willst du ein 2D-Raster, willst du Grid.

Klar. 😉

Marc