O.k. o.k. ...
Habe das von Deinem Pen mal herüberkopiert aber es funktioniert bei mir nicht.
Villeicht liegt es daran wie ich das javascript eingebunden habe:
Im <head> und:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">
<script> </script>
Aber das ist es wohl nicht... seufZ
Und warum kommt das sowohl im Opera als auch im IE vor?
Das flexbox Element macht genau das gleiche wie im header darüber, links & rechts
der gleiche Abstand zum Rand.
Doch nur die Gridelemente gehen rechts über die flexbox hinaus?
Woran liegt das?
Der einsiedelnde