Auf dieser Seite demonstriere ich dir das geniale Grid-Layout von CSS3.
Früher haben Web-Designer versucht, mit Hilfe von Frames oder Tabellen bestimmte Layouts zu erzeugen. Das ist jetzt vorbei, denn jetzt gibt es endlich den "richtigen" Weg zum perfekten Layout!
Um das Grid-Layout umzusetzen, muss der Body-Tag die folgenden CSS-Regeln erhalten:
display: grid
: Diese Regel macht aus dem Body ein Gitter, in dem man die einzelnen Bereiche der Seite anbringen kann.grid-template-columns: Breite der Spalten
: Diese Regel legt fest, wie viele Spalten es gibt und wie breit diese sind.grid-template-rows: Höhe der Zeilen
: Diese Regel legt fest, wie viele Zeilen es gibt und wie hoch diese sind.