Anwendung

Bei dem Grid Container wird das Grid CSS-Layoutmodell benutzt. Dies dient der Anordnung, Ausrichtung und Verteilung von Elementen in Zeilen und Spalten.

Bei der Positionierung wird von einer absoluten Positionierung auf eine relative Positionierung gewechselt. Hierdurch lassen sich Responsive Ansätze einfacher realisieren.

Sample:

Einstellung der Eigenschaft “Grid Layout”

{
  "alignItems": "Center",
  "gridTemplateColumns": "1fr 1fr",
  "gridTemplateRows": "1fr 1fr",
  "justifyItems": "Center"
}