Элементларнинг ҳарислигининг CSS да флекс блокларини сиқишга таъсири

Энди ҳарисликнинг таъсирини кўриб чиқайлик. Ҳамма фарзанд элементларнинг энини олиб ташлаб, уларга flex-grow қийматини 1 қиламиз, иккинчи фарзанд элементга эса 3 қийматини берамиз. Натижада иккинчи блок қолганларидан 3 баробар катта бўлади.

Аммо, агар дарзни жуда қатсиқ сиқсак, иккинчи блок энди қолганларидан 3 баробар катта бўлмайди - қуйидаги мисол билан ўйнаб, браузер дарзини кенгайтириб ва торситиб, ўзингиз ишонч ҳосил қилинг: