Flex-basis
flex-basis: определяет начальный размер flex-элемента
flex-basis: auto; width:150px;
flex-basis: auto; width:auto;
200px;width:150px;
Flex-shrink
flex-shrink: определяет, как flex-элемент будет уменьшаться относительно других flex-элементов во flex-контейнере
flex-basis: 200px; flex-shrink:1;
flex-basis: 200px; flex-shrink:2;
flex-basis: 200px; flex-shrink:3;
flex-grow
flex-grow: определяет, как flex-элемент будет увеличиваться относительно других flex-элементов во flex-контейнере
flex-grow:0
flex-grow:1
flex-grow:2