Style nun die Grid-Aufgabe für Tablets und mobile Geräte.
Responsives Layout
Tablet
Sobald für die 1100px des Containers kein Platz mehr auf dem Bildschirm ist, soll der Container immer 100% breit sein.
Die Subnavigation soll nun horizontal direkt unter die Haupt-Navigation rutschen.
Content und Sidebar bleiben zweispaltig.
Handy
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.
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.
