Aus dem Kurs: CSS Grid Grundkurs

So erhalten Sie Zugriff auf diesen Kurs

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 23.200 Kurse von Branchenfachleuten.

Elemente im Raster positionieren

Elemente im Raster positionieren

Aus dem Kurs: CSS Grid Grundkurs

Gratismonat starten Für Ihr Team erwerben

Elemente im Raster positionieren

“

Wenn Sie keine besonderen Angaben machen werden Elemente automatisch auf die Rasterzellen verteilt. Sie können aber explizit für jedes Element die Position im Raster bestimmen und ein Element kann sich auch über mehrere Spaltenzeilen erstrecken. Das wollen wir uns ansehen und das Beispiel, was wir dabei bauen wollen, sieht so aus. Wir haben das Element A, was sich über zwei Spalten erstreckt und wir haben das Element B, was sich über zwei Zeilen erstreckt. Um das Ganze machen zu können, müssen wir dann für die einzelnen Elemente immer die Linien angeben im Raster, wo sie beginnen sollen und wo sie aufhören sollen. Folgendes Prinzip gibt es da. Wenn wir ein Raster haben, was drei Spalten hat und zwei Zeilen, dann gibt es für die Spalten, drei Spalten, vier Linien und diese werden durchnummeriert. Genauso gibt es auch für die Zeilen Linien, die durchnummeriert sind, und das ist dasselbe Prinzip wie auch bei Zaunfäden. Wir haben immer eine Linie mehr, als wir Zeilen beziehungsweise…

Inhalt