CSS'te Flex Blokların Sıkıştırılmasında Elemanların Açgözlülüğünün Etkisi
Şimdi açgözlülüğün etkisine bakalım.
Tüm alt elemanların genişliğini kaldıralım ve
onlara flex-grow değerini 1 olarak ayarlayalım,
ikinci alt elemana ise 3 değerini verelim.
Sonuç olarak, ikinci bloğun
diğerlerinden 3 kat daha büyük olacağı ortaya çıkacak.
Ancak, pencereyi yeterince daraltırsak,
ikinci blok artık diğerlerinden 3 kat
daha büyük olmayacak - güçlü bir sıkıştırmada fark
silinir. Aşağıdaki örnekle oynayarak, tarayıcı penceresini
genişleterek ve daraltarak kendiniz deneyimleyin:
Teorik kısımdaki örneği örnekteki gibi tekrarlayın.
