Влияние на свиванеето на flex блокове в CSS от ширината на родителя в проценти

Нека сега имаме пет flex елемента, подредени в ред. Нека зададем ширина на родителя в проценти, а на всички деца сега зададем ширина от 100px.

Отворете примера по-долу и намалете прозореца на браузъра така, че елементите да не се събират в родителя. За това прозорецът трябва да бъде свит под 500px, тъй като имаме 5 елемента, всеки от 100px. Както вече знаете, при такова свиване браузърът принудително ще намали ширината на елементите под 100px, за да се съберат в родителя. И така, ето примера: