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

Нека сега имаме пет флекс-елементи, поставени во ред. Ајде на родителот ширина да ја зададеме во проценти, а на сите потомци сега да поставиме ширина од 100px.

Отворете го примерот расположен подолу и намалете го прозорецот на прелистувачот така што елементите ќе престанаат да се собираат во родителот. За ова, прозорецот треба да се стесни на помалку од 500px, бидејќи ние имаме 5 елементи, секој по 100px. Како што веќе знаете, при вакво компресирање, прелистувачот присилно ќе ја намали ширината на елементите под 100px така што тие ќе се соберат во родителот. Значи, еве го примерот: