Aus dem Kurs: CSS Grid Grundkurs
Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 23.200 Kurse von Branchenfachleuten.
Linien benennen
Von Programmen wie Word kenne Sie das. Es gibt mehrere Wege, die ans Ziel führen. Das ist bei CSS Grid auch nicht anders, wenn es um die Platzierung der Elemente auf dem Raster geht. Sie können nämlich auch Ihre Linien benennen. Folgende Situation: Ich habe dieses Raster hier. Sie sehen das Element header geht über zwei Spalten, und ich kann jetzt hingehen und die einzelnen Rasterlinien benennen. Ich kann sagen, das hier ist main-start, das hier ist main-end und gleichzeitig kann ich noch einen zweiten Namen angeben und sagen, das ist aside-start und diese hier nenne ich aside-end. Sehen wir das im Code an. Wenn Sie Rasterlinien benennen, dann geben Sie die Namen in eckigen Klammern an. Das hier benennt die allererste Linie, die automatisch erzeugt wird. Das ist main-start. Dann die nächste Linie nenne ich main-end und aside-start. In diesem Fall vergebe ich zwei Namen. Und die Endlinie nenne ich aside-end. Genauso habe ich es auch mit den horizontalen Linien gemacht. Da habe ich die…
Ü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.
Laden Sie Kurse herunter und lernen Sie auch unterwegs.
Sehen Sie sich Kurse auf Ihrem Mobilgerät ohne Internetverbindung an. Laden Sie Kurse mit der LinkedIn Learning-App für iOS oder Android herunter.