Elementu alkatības ietekme uz flex bloku saspiešanu CSS

Tagad apskatīsim alkatības ietekmi. Noņemsim visiem pēctečiem platumu un iestatīsim pēctečiem flex-grow vērtību 1, bet otrajam pēctecim - vērtību 3. Rezultātā otrs bloks būs 3 reizes lielāks par pārējiem.

Tomēr, ja logu saspiž pietiekami stipri, tad otrs bloks vairs nebūs 3 reizes lielāks par pārējiem - spēcīgas saspiešanas gadījumā atšķirība izzūd. Pārliecinieties par to pats, spēlējoties ar zemāk esošo piemēru, paplašinot un sašaurinot pārlūkprogrammas logu:

Задание 1

Atkārtojiet pēc parauga teorijas daļas piemēru.