Hej einsiedler,
#main-nav { flex-grow: 0; flex-shrink: 0; flex-basis: auto; max-width: 21.5em; align-self: center; /* flex: 1 1 100%; */ }
#main-nav { flex-grow: 1; flex-shrink: 1; flex-basis: auto; max-width: 100%; align-self: center; }
Wieso sollte die ˋ#main-navˋ eine flex-box sein. Ich sehe nicht, dass du da etwas angegeben hast.
Ich weiß auch nicht, warum du li als flex-box definierst und dann einzeln (erstes Kind, zweites Kind usw) mit display: block;
Außerdem tue ich mich schwer, wenn jemand rückwärts responsive arbeitet, also nicht nach dem mobile first Prinzip.
Marc
--
Ceterum censeo Google esse delendam
Ceterum censeo Google esse delendam