CSSda joy yetishmovchiligida flex bloklarning siqilishi

Faraz qilaylik, bizda qator ichida joylashgan uchta fleks-blok bor ota-kona ichida. Har bir farzand blokga kengligi 100px bilan belgilangan, ularning ota-konasiga esa - 300px:

Keling, ko'proq bloklar qo'shaylik, shundayki ushbu farzand bloklarning umumiy kengligi ularning ota-konasining kengligidan katta bo'lsin. Bu holda siz kutilmagan effektni ko'rasiz - bloklarning kengligi qisqaradi, shundayki ularning hammi sig'adi ularning ota-konasiga, garchi farzand bloklarga ancha kenglik belgilangan bo'lsa ham:

Задание 1

Namunadagidek nazariy qismdagi misolni takrorlang.