## Inhalt

### HTML

Der Seiteninhalt besteht aus Header, Navigation, Inhaltsbereich (`main`) und dem Footer.

Was vielen nicht bewusst ist: HTML an sich ist responsiv - Elemente wie Überschriften und Absätze nehmen die gesamte Breite des Viewports ein und brechen überstehenden Text um, so dass er nach unten in einer neuen Zeile dargestellt wird. Erst eine starre Mehrspaltigkeit verhindert die passende Darstellung auf mobilen Geräten.

### Formatierung mit CSS

In einem ersten Schritt hatten wir Farben und Abstände definiert.

Die Seitenelemente werden …
auf schmalen Bildschirmen unter-,
auf größeren Bildschirmen nebeneinander dargestellt.

Dieses Grid Layout wird mit nur wenigen Zeilen CSS erreicht.

## aktuelle Infos und Termine (h2)

### Tipp:

Untersuche HTML und CSS der Seite mit den Entwickler-Tools.

### Less is more!

Einfacher ist besser!

### Infobox in Grün!

Die (geteilten) Komplementärfarben zu lila sind orange und grün. Diese können als Farbakzente verwendet werden.

### Form follows function

24.12.2022

- 10:00 Uhr Berlin
- 14:00 Uhr Bonn
- 18:00 Uhr Bethlehem