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.
Rasterbereiche definieren
Aus dem Kurs: CSS Grid Grundkurs
Rasterbereiche definieren
Es gefällt Ihnen nicht, immer die Rasterlinien zählen zu müssen und die Position einzelner Elemente zu bestimmen? Verstehe ich gut. Glücklicherweise gibt es eine wesentlich bequemere Art. Wir wollen folgendes Layout umsetzen. Einen Header-Bereich, der über zwei Spalten geht und an dieser Stelle befindet sich main und aside. Ich habe schon einmal angefangen. Wir haben unser umfassendes Rasterelement. In dem befinden sich header, main und aside. Dann habe ich mit der Raster-Definition angefangen. Ich habe gesagt, die erste Spalte soll doppelt so groß sein wie die zweite Spalte und ich habe einen Abstand zwischen den Elementen festgelegt. Wenn wir uns das jetzt ansehen, dann sieht das so aus, weil wir damit die automatische Aufteilung bewirkt haben. Wir wollen das aber anders. header soll sich über beide Spalten erstrecken und da verwenden wir die Eigenschaft grid-template-areas. Darüber können Sie sehr intuitiv die Aufteilung bestimmen. Wie soll das aussehen? Wir wollen oben unseren…
Ü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.