CSS-Grid bietet die Möglichkeit ein Gestaltungsraster zu schaffen und die Positionierung der einzelnen Elemente vollständig durch CSS zu steuern. Damit wird eine klare Trennung des Gestaltungsrasters von der HTML- Textstruktur erreicht. Zusammen mit Media Queries erlaubt es den Aufbau flexibler Layouts.
Die Layout Gestaltung erfolgt in zwei Schritten:
1. Im ersten Schritt wird festgelegt, für welchen Bereich eines HTML-Dokumentes (container) CSS-Grids angewendet werden sollen und wie das Element in Rasterlinien eingeteilt wird.
2. Im zweiten Schritt werden die Elemente (items) innerhalb des Rasters positioniert (explizit für jedes Element).
Hier die Hilfe dazu:
Hilfe