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.
Tipp: negative Werte einsetzen
Aus dem Kurs: CSS Grid Grundkurs
Tipp: negative Werte einsetzen
Sie können bei den Linienangaben auch negative Zahlen schreiben, dann wird von hinten gezählt. Das kann in manchen Fällen praktisch sein. Ich lasse grade das Raster einblenden. Und das Element A beginnt bei der Linie 1 und geht bis zur Linie 3, das habe ich so angegeben. Ich kann aber auch von hinten zählen, dann muss ich zählen, -1, -2, -3, -4. Das heißt, es beginnt bei -4 und reicht bis -1, -2, bis -2. Und das klappt weiterhin. Wofür ist das praktisch? Beispielsweise wenn Sie sagen wollen, dass sich ein Element über die gesamten Spalten oder über die gesamten Zeilen erstrecken soll. Das können wir bei B einmal ausprobieren und können sagen, es soll sich über alle Zeilen erstrecken, indem wir angeben grid-row. Wo soll es anfangen? Bei 1. Und wo soll es aufhören? Bei -1. Und das funktioniert auch, wenn ich beispielsweise nicht weiß, wie viele Zeilen ich habe, weil ich die Zeilen etwa automatisch erstellen lasse. Wir können natürlich auch bei A sagen, dass es sich über die gesamten…
Üben mit Projektdateien
Laden Sie die Dateien herunter, die von den Trainer:innen verwendet werden. So können Sie mitlesen und durch Ansehen, Zuhören und Üben lernen.
Inhalt
-
-
-
-
-
(Gesperrt)
Elemente im Raster positionieren5 Min. 31 Sek.
-
(Gesperrt)
grid-column, grid-row & span2 Min. 28 Sek.
-
(Gesperrt)
grid-area nutzen2 Min. 17 Sek.
-
Überblick über die Verteilungsmöglichkeiten2 Min. 9 Sek.
-
(Gesperrt)
Tipp: Reihenfolge mit order steuern2 Min. 43 Sek.
-
(Gesperrt)
Tipp: negative Werte einsetzen2 Min. 34 Sek.
-
(Gesperrt)
-
-
-
-