Элементтердің тампылығының CSS-тегі flex блоктардың сығылуына әсері

Енді тампылықтың әсерін қарастырайық. Барлық ұрпақтардың енін алып тастап, оларға flex-grow қасиетін 1 мәніне орнатайық, ал екінші ұрпаққа - 3 мәніне. Нәтижесінде екінші блок қалғандарынан 3 есе үлкен болады.

Алайда, егер терезені жеткілікті дәрежеде тарылтсақ, онда екінші блок енді қалғандарынан 3 есе үлкен болмайды - күшті сығу кезінде айырмашылық жойылады. Мұны төмендегі мысалмен өз бақылауыңызға көз жеткізіңіз, браузер терезесін кеңейтіп, тарылтып көріңіз:

Задание 1

Теориялық бөлімдегі мысалды үлгіге сәйкес қайталаңыз.