Aus dem Kurs: CSS Grid Grundkurs
Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 23.200 Kurse von Branchenfachleuten.
Flexible Ausmaße festlegen
Aus dem Kurs: CSS Grid Grundkurs
Flexible Ausmaße festlegen
Für die Ausmaße von Rasterzellen können Sie alle gängigen CSS-Einheiten einsetzen. Besonders praktisch für flexible Ausmaße ist die neu eingeführte Einheit "fr". Sie können natürlich Ihre Rasterzellen in Pixeln definieren. Heute müssen Layouts aber flexibler sein und meistens braucht man etwas anderes. Beispielsweise kann es jetzt folgendermaßen sein. Ich möchte, dass die erste Spalte 200 Pixel breit ist, die letzte soll 100 Pixel breit sein und die mittlere soll allen verfügbaren Platz nehmen, und da kann ich jetzt ein fr dafür verwenden. Dieses fr steht für fraction, also Teil oder für free space, also freier Platz. Sehen wir uns das an. Das sind die beiden Spalten mit den in Pixel definierten Breiten. Und B nimmt einfach allen übrigbleibenden Platz. Und wir können natürlich auch so etwas machen. Wir lassen die erste Spalte bei 200 Pixel Platz und den restlichen Platz wollen wir verteilen. Dabei soll die zweite Spalte zwei Teile bekommen und die letzte Spalte einen Teil. So sieht…
Ü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.