Проще говоря, для того, чтобы сгибать-растягивать, нужно, чтобы общая ширина элемента была равна или больше, чем у гибкого контейнера. Другими словами, вы можете использовать 500px или даже что-то столь же неясное, как 10000px. И это будет растягиваться пропорционально. Обычно ... хотя, чтобы бороться с этой проблемой, мы используем 100% на каждом предмете. Это предполагает 100% от компонента, но опять же ... если ваш контейнер 500px, это то, что 100% будет равно. Используйте это или большее значение.
Когда я изучал flex, я нашел этот простой генератор flex неоценимым, я думаю, что он охватывает случай, о котором вы говорите визуально.