Vliv šířky rodiče v procentech na kompresi flex bloků v CSS

Nechť máme nyní pět flex prvků, umístěných v řadě. Nastavme rodiči šířku v procentech a všem potomkům nastavme šířku na 100px.

Otevřete příklad umístěný níže a zmenšete okno prohlížeče tak, aby se prvky přestaly vejít do rodiče. K tomu je třeba okno zúžit na méně než 500px, protože máme 5 prvků, každý o 100px. Jak již víte, při takovém stlačení prohlížeč vynuceně zmenší šířku prvků na méně než 100px tak, aby se vešly do rodiče. A tak, zde je příklad: