Die Übungsdateien zu dieser Folge finden Sie hier: cssgrid1-grundlagen-dateien.zip (runterladen und entpacken)

Ich erkläre hier folgende CSS-Anweisungen:

• display: grid - macht aus einem Blockelement (einem div, einem nav, einem main …) ein "Grid", also ein Raster, in dem wir Blockelemente über- und nebeneinander anordnen können. Alle direkten Kind-Elemente werden zu Grid-Elementen.
• grid-template-columns: … und grid-row-columns: … - Damit geben wir an, wie viele Blöcke sich in einer Zeile bzw. in einer Spalte befinden und wie breit sie sind. Hier kommt auch gerne mal repeat(…) zum Einsatz.

Die Übungsdateien zu dieser Folge finden Sie hier: cssgrid1-grundlagen-dateien.zip (runterladen und entpacken)