Aus dem Kurs: Grundlagen der Webprogrammierung: Meine erste Website

So erhalten Sie Zugriff auf diesen Kurs

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

Inhalt in Form bringen

Inhalt in Form bringen

Es fehlen noch die Formatierungen für den eigentlichen Inhaltsbereich. Sehen wir uns im HTML-Code an, um welchen Bereich es sich handelt, das ist dieses main-Element, das hat die Klasse Inhalt. Und darin befinden sich zwei article-Elemente und die sollen nun gestylt werden. Der Inhaltsbereich erhält eine maximale Breite, damit er sich nicht über das gesamte Browserfenster erstreckt und diese Breite, diese maximale Breite, habe ich angegeben mit einer Formel, nämlich mit min, und da schreibe ich "100 % - 2rem, 50rem" und dann soll der Browser das von beiden Ausdrücken nehmen, was kleiner ist, warum mache ich das auf diese Art? Ich wollte Ihnen zeigen, dass CSS auch Funktionen kennt wie dieses min und dass man in CSS auch rechnen kann, weil oft CSS unterschätzt wird. Dann sollen die einzelnen article-Elemente noch gestylt werden und dafür verwende ich "display: grid" und "display: grid" dient dazu, ein Raster zu definieren, und ich kann dann sagen, mein Raster soll zwei Spalten…

Inhalt