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

Пусть у нас теперь есть пять флекс-элементов, расположенных в ряд. Давайте родителю ширину зададим в процентах, а всем теперь потомкам поставим ширину в 100px.

Откройте расположенный ниже пример и уменьшите окно браузера так, чтобы элементы перестали помещаться в родителя. Для этого окно нужно сжать менее 500px, так у нас 5 элементов каждый по 100px. Как вы уже знаете, при таком сжатии браузер принудительно уменьшит ширину элементов менее 100px так, чтобы они поместились в родителя. Итак, вот пример: