Why do we need flex-shrink and flex-grow if we have percentage width and min-width?

Question

css

Why do we need flex-shrink and flex-grow if we have percentage width and min-width?

Answer 1

flex-shrinkand flex-groware not directly related to the size of the element in the sense that they do not directly determine the size (there is a flex-basis). These properties determine the behavior of an element when shrinking (shrink) and expanding (grow).
Those. if the value of these properties is non-zero, then the element is allowed to shrink / expand, moreover, with a coefficient determined by the value of these properties. If the value is zero, the corresponding change is prohibited.
You can read more details, for example, on MDN ( one , two )

Answer 2

flex-shrink and flex-grow
in short, they work both horizontally and vertically