o flex-basis se aplica aos itens do elemento Pai na direção principal

é utilizado para definir um tamanho máximo do item.

obs.: irá se ajustar se o elemento pai tiver sua FlexBox nowrap


flex-basis: auto
conteúdo
outro conteúdo
o
conteúdo vai ocupar o máximo que puder
e
se ajustará conforme o espaço for diminuindo
flex-basis: 200px
conteúdo
outro conteúdo
o
conteúdo vai ocupar o os pixeis definidos
e
se ajustará conforme o espaço for diminuindo