Design Umsetzung @supports (display: grid)

[Bernd]

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.

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?