Gedanken zum Wochenanfang: CSS Grid und Layout-Frameworks
bearbeitet von
@@1unitedpower
> Das letzte coole Kid (Flexbox) wollte das auch sein, sowieso diverse noch ältere Versuche. Immer mit dem selben Ergebnis: Jetzt haben wir einen weiteren Layout-Algorithmus.
>
> [XKCD Comic über IT-Standards]
CSS Grid steht nicht in Konkurrenz zu Flexbox; sie erfüllen unterschiedliche Zwecke: Flexbox wirkt in eine Richtung. Mit `flex-wrap: wrap`{: style="white-space: nowrap"} kann man auch 2D-Gebilde realisieren, aber nicht wirklich Grids.
Beispiel: Liste mit Items, alle gleich breit, mindestens 10em, maximal 20em. Seien es 12 an der Zahl und der Vieweport so, dass 5 nebeneinander passen. Es dürfte mit Flexbox unmöglich sein, dass die letzten beiden identisch breit wie die in den drüberliegenden Zeilen sind.
Für zueinander passenden Boxen in 2D sind Grids da.
> Gerade diese Aussage trifft nämlich exakt nicht auf CSS Grid zu: Es ist eben **kein** Framework
Natürlich nicht. Das ist ja gerade die Aussage von Jen Simmons: Man braucht keine Grid-Frameworks mehr, um ein Grid-Layout mit CSS zu realisieren.
CSS Grid ist genausowenig ein Framework wie [Fukol](https://github.com/Heydon/fukol-grids) eins ist.
LLAP 🖖
--
“When UX doesn’t consider *all* users, shouldn’t it be known as ‘*Some* User Experience’ or... SUX? #a11y” —[Billy Gregory](https://twitter.com/thebillygregory/status/552466012713783297)