Hallo Freunde der Webprogrammierung!
Ich habe vor kurzem angefangen mit CSS Grid ein responsives Layout zu gestalten...das ging alles recht gut mit der mobilen Ansicht, bei der Ausgabe mit größeren Geräten habe ich dann allerdings Probleme bei denen ich absolut nicht durchblicke.
Ergebnis und Quellcode wäre hier zu betrachten: http://blechlavine.bplaced.net
Der Footer hängt da wo er eigentlich nicht sein sollte, mitten im Content.
Nach vielen Stunden des herumexperimentierens habe ich dem Abhilfe schaffen können indem ich dem .container ein height-Attribut verpasste.
Funktioniert! ...allerdings verschwindet der Header auf mysteriöse Art und Weise komplett 
Auch versuche mit Hacks wie overflow: auto und weitere verliefen sich im nichts.
Wenigstens ließ sich damit der div-Container, mit dem ich das Grid in Form bringe, bis ans tatsächliche Ende der Seite und nicht des Browserfensters vergrößern...hatte dann allerdings einen unschönen Scrollbalken 
Um besser sehen zu können was mit den ganzen Bereichen passiert habe ich Rahmen verwendet...und wieder ein Phänomen:
warum ist der Content ohne Rahmen?
Ich hoffe Ihr könnt mir hier die gröbsten Fehler aufzeigen, ich selber bekomme das nicht gelöst...
Danke schonmal!
