Flex элементдеринин татыкчылдыгынын CSS'теги flex блокторду кысуусуна таасири

Келгиле, азыр татыкчылдыктын таасирин көрөлү. Бардык мураскорлордон туурасын алып салып, аларга flex-grow маанисин 1 кылып коёлу, экинчи мураскара болсо - 3 маанисин. Натыйжада экинчи блок калгандарынан 3 эсе чоңураак болот.

Бирок, эгерде терезеди жетиштүү кысуу менен кыссаңыз, анда экинчи блок калгандарынан 3 эсе чоң болбой калат - күчтүү кысууда айырмачылык жоголот. Муну өзүңүз көрүңүз, төмөндөгү үлгү менен ойноп, браузер терезесин кеңейтип жана тарылтып: