Julian S.: Flexbox/Grid?

Beitrag lesen

Sowas habe ich noch nie gehört und kann es auch nicht nachvollziehen.

For one-dimensional layouts Flexbox excels.

Grid is even more powerful as you have the ability to position elements in two dimensions. / This CSS module defines a two-dimensional grid-based layout system, optimized for user interface design.)

Und sind die Dimensionen nun auf den Content oder den Style bezogen? Wohl eher doch auf den Style?

Aber wann ist was 1-, wann 2-dimensional?!

Flexbox ist eine Möglichkeit per CSS HTML-Container / Elemente anzuordnen. Andere Möglichkeiten sind zum Beispiel float, inline-Block, display:table, position.

Ein Grid ist hingegen das Ergebnis so einer Anordnung von Containern / Elementen.

Heutzutage ist es am sinnvollsten, wenn sich die Darstellung dem Inhalt von Webseiten anpasst.

Bei Grid-Systemen hingegen wird der Inhalt dem Grid angepasst, welches in der Regel aus 12 Spalten besteht. Es sind aber auch andere Spaltenanzahlen möglich.

Also Flexbox was Flex ibles, Grid was Fixes?

Aber Grid doch auch (was Flex ibles), bei Responsive?

Wann nun Flexbox, wann nun Grid?!?!