Wpływ szerokości rodzica w procentach na ściskanie flex bloków w CSS

Załóżmy, że mamy teraz pięć elementów flex, ułożonych w rzędzie. Nadajmy rodzicowi szerokość w procentach, a wszystkim potomkom ustawmy szerokość na 100px.

Otwórz przykład znajdujący się poniżej i zmniejsz okno przeglądarki tak, aby elementy przestały się mieścić w rodzicu. W tym celu okno trzeba ścisnąć do mniej niż 500px, ponieważ mamy 5 elementów, każdy po 100px. Jak już wiesz, przy takim ściskaniu przeglądarka na siłę zmniejszy szerokość elementów do mniej niż 100px tak, aby zmieściły się w rodzicu. A oto przykład: