Problem mit css-grid

[Gunnar Bittersmann]

@@einsiedler

There is no auto-placement behaviour in IE10 implementation. This means that you need to position everything rather than use the autoplacement ability of grid.

Anstatt sich da einen abzukrebsen ist es vielleicht besser, auf die -ms--Präfize zu verzichten und einen Fallback mit Floats zu basteln. grid-gap simulieren mit border, dazu padding von main entsprechend verringern.

Dummerweise lässt sich der Fallback nicht in einem @supports not (display: grid)-Block angeben, da genau die Browser, die das benötigen, @supports nicht unterstützen. Also erstmal setzen und im @supports (display: grid)-Block wieder überschreiben.

Ich hab das in meinem Pen mal nachgerüstet.

LLAP 🖖