🛠️Aufgabe Responsive Grid

Style nun die Grid-Aufgabe für Tablets und mobile Geräte.

Responsives Layout

Tablet

1. Sobald für die 1100px des Containers kein Platz mehr auf dem Bildschirm ist, soll der Container immer 100% breit sein.

2. Die Subnavigation soll nun horizontal direkt unter die Haupt-Navigation rutschen.

3. Content und Sidebar bleiben zweispaltig.

Handy

1. Wenn für die einzelnen Elemente nicht mehr mindestens 480px Breite zur Verfügung stehen, sollen alle Elemente untereinander mit 100% des Bildschirms angezeigt werden.

2. Die Punkte in der Hauptnavigation sollen nun vertikal gestapelt sein. Dafür braucht die Navigation nun im Grid etwas mehr Platz.

Zusatzaufgabe:

Die Sidebar kann ausgeblendet werden. Nutze dazu die display-Eigenschaft in CSS.