Vplyv šírky rodiča v percentách na stláčanie flex blokov v CSS

Majme teraz päť flex-elementov, umiestnených v rade. Nastavme rodičovi šírku v percentách a všetkým potomkom nastavme šírku na 100px.

Otvorte príklad umiestnený nižšie a zmenšite okno prehliadača tak, aby sa prvky prestali zmestovať do rodiča. Na to je potrebné okno stlačiť na menej ako 500px, pretože máme 5 prvkov, každý po 100px. Ako už viete, pri takomto stláčaní prehliadač nútene zmenší šírku prvkov na menej ako 100px tak, aby sa zmestili do rodiča. Takže, tu je príklad: