Influența lățimii părintelui în procente asupra comprimării blocurilor flex în CSS

Să presupunem că avem cinci elemente flex, aranjate într-un rând. Să dăm părintelui lățimea în procente, iar tuturor descendenților să setăm lățimea la 100px.

Deschideți exemplul de mai jos și micșorați fereastra browserului astfel încât elementele să nu mai încapeă în părinte. Pentru aceasta fereastra trebuie comprimată la mai puțin de 500px, deoarece avem 5 elemente a câte 100px fiecare. După cum știți deja, cu o astfel de comprimare browserul forțează micșorarea lățimii elementelor sub 100px astfel încât acestea să încapă în părinte. Deci, iată exemplul: