Юра Сторчака, flex-grow задаете тем элементам, которые должны забрать пустое пространство, причем flex-grow задается в единицах без рх или %, если есть два флекс-элемента у одного flex-grow: 1, а у второго flex-grow: 2, то первый будет занимать пространство по контенту + 1/3 часть свободного пространства, а второй - свое пространство по контенту + 2/3. Эти два элемента делят оставшееся пространство на 3 части и каждый забирает дополнительно 1 часть и 2 части соответственно.
https://www.youtube.com/watch?v=q8RID9nFWNM
https://www.youtube.com/watch?v=Bhd5HQ1I2LM
Посмотрите эти два выступления.