flex-shrink
Controla quant es contraurà un element quan el contenidor és massa estret i no hi ha prou espai.
Un valor major → l’element es contraurà més.
Un valor 0 → l’element no es contraurà mai.
Comparació directa de shrink
A
shrink:0
B
shrink:1
C
shrink:3
El contenidor és massa estret.
• L’element A (shrink:0) NO es contraurà gens.
• L’element B (shrink:1) es contraurà una mica.
• L’element C (shrink:3) es contraurà molt més que B.
Exemple extrem
X
shrink:3
Y
shrink:0
Z
shrink:3
L’element Y està protegit (shrink:0) i conserva quasi tota la mida.
Els elements X i Z (shrink:3) es redueixen molt per a deixar-li espai.
En resum:
• flex-shrink defineix QUANT es redueix un element quan falta espai.
• 0 → no es contraurà mai.
• 1 → valor per defecte (es contraurà).
• Valors majors (ex: 3, 5) → es contraurà molt més que els altres.
• Serveix per protegir elements importants en layouts responsius.