Что такое `flex-grow`, `flex-shrink`, `flex-basis`?

СобеседованиеFlexbox

flex-grow (default 0): сколько свободного пространства элемент забирает. grow=2 получает вдвое больше чем grow=1
flex-shrink (default 1): как элемент сжимается при нехватке места. Формула учитывает flex-basis * flex-shrink
flex-basis (default auto): начальный размер до распределения. auto = берёт width/height, 0 = игнорирует содержимое
Shorthand: flex: grow shrink basis