Design Umsetzung @supports (display: grid)

[beatovich]

hallo

Danke dir, hat geklappt:
https://codepen.io/anon/pen/LgOVgB

Jetzt habe ich noch eine Frage zu

@supports (display: grid) {}

Wenn ich display grid nutze, dann muss ich dennoch Media Queries einsetzten um das ganze responsive zu gestallten? Denn wenn ich jetzt mein Beispiel verkleinere passiert überhaupt nichts.

Da du grid wohl erst ab einer gewissen Bildschirmbreite einsetzen wirst, ermpfiehlt es sich den Block später zu notieren.

@media screen and (min-width:40em){ @supports(display:grid){ } }

Im Beispiel von 'sup funktioniert der Umbruch auch so:
https://codepen.io/anon/pen/bmYGzo

Habe ich ein Fehler eingebaut oder muss man mit display: grid anderes umgehen?

Du hast 4*1 grid-spalten

Überlege dir ob und wann du daraus

2*2, wann 1*4 ableiten willst.