Problem mit css-grid

[Gunnar Bittersmann]

@@einsiedler

A) Im IE klebt der footer knapp unter dem header.

Hm, der kommt mit min-height: 100vw bei Flexbox nicht klar. height statt min-height würde gehen – solange der Inhalt nicht höher ist als ohne zu scrollen in den Viewport passt. Da man das nicht wissen kann, fällt das also Lösung aus.

Dann eben für IE keine Flexbox; das Zeug also in einen @supports-Block gepackt und so vor IE versteckt. Im Pen ergänzt.

Warum der mit den Floats da jetzt noch rumzickt um Card3 nach unten rutscht, weiß ich auf die Schnelle auch nicht. Liegt am padding für main. Könnte man auch mit in den @supports-Block packen …

LLAP 🖖