CSS-də yer çatışmazlığı zamanı flex bloklarının sıxılması

Tutaq ki, bir sıra daxilində yerləşən üç flex blokumuz var və onlar valideyn konteyneri daxilindədir. Hər bir uşaq bloka 100px en verilib, valideyn konteynerinə isə - 300px en verilib:

Gəlin daha çox blok əlavə edək ki, uşaq bloklarının ümumi eni onların valideyn konteynerinin enindən daha çox olsun. Bu halda gözlənilməz bir effekt görəcəksiniz - blokların eni valideyn konteynerinə sığmaları üçün azalacaq, uşaq bloklarına aydın şəkildə en verilməsinə baxmayaraq:

Задание 1

Nəzəri hissədəki nümunəni nümunə üzrə təkrarlayın.