Elementlerin tamahkarlığının CSS-də flex bloklarının sıxılmasına təsiri

Gəlin indi tamahkarlığın təsirinə baxaq. Bütün övlad elementlerin enini aradan qaldıraq və onlara flex-grow xassəsini 1 olaraq təyin edək, ikinci övlad elementə isə 3 olaraq təyin edək. Nəticədə ikinci blokun qalanlarından 3 dəfə böyük olacağı ortaya çıxacaq.

Lakin, pəncərəni kifayət qədər sıxsanız, onda ikinci blok artıq qalanlarından 3 dəfə böyük olmayacaq - güclü sıxılma zamanı fərq silinir. Bunu özünüz aşağıdakı nümunə ilə işləyərək, brauzer pəncərəsini genişləndirib daraldaraq yoxlayın:

Задание 1

Nəzəri hissədəki nümunəni təkrar edin.