Hallo
Mit "display: flex;" wird zusätzlich ein Zeilenumbruch verhindert. Wenn die Flex-Items (in deinem Fall die li-Elemente) bei schmalen Fenstern untereinander rutschen sollen musst du bei ul zusätzlich "flex-wrap: wrap;" hinzufügen.
Gruss
MrMurphy