Beschreibung

Das vorliegende Layout ist in Kopf, Inhalt und Fußzeile unterteilt.
Die "Kopf-Zeile" ist wiederum in Logo, Titel und Menü unterteilt. Diese 3 Bereiche sind nebeneinander angeordnet (display:flex) und nehmen insgesamt 100% der Breite ein. Die Höhe der Kopfzeile wurde auf 50px festgelegt Für die Bereiche Logo und Menü wurde eine feste Breite (50px) festgelegt. Beide Bereiche befinden sich am rechten bzw. linken Rand. Der "verbleibende" Bereich passt sich der Anzeige-Größe automatisch an (responsive).

Unterhalb der "Kopfzeile" ist der Bereich für den "Inhalt".
Der Bereich "Inhalt" ist wiederum in 3 Bereiche unterteilt, die ebenfalls nebeneinander angeordnet sind. Auch diese nehmen 100% der Breite ein, wobei für den mittleren Teil eine feste Breite festgelgt wurde. Der Rechte als auch der Linke Teil neben dem Mittleren dienen als "Füllmaterial", um die Browserfenster vollständig auszufüllen Die Höhe des Bereiches "Inhalt" erstreckt sich zwischen Kopf- und Fußzeile.