flex-growは兄弟要素の中で大きくなる割合を示している。
1 2 3 4 5 6
とあり、すべての数字にflex-growに１といれたら、合計６セクションになって大きくなっていく。
一方 3 にだけ、felx-grow:2といれたら、合計セクションは７になり、３だけほかの要素の2倍の大きさになる。
すべての要素にflex-grow 3 といれて、５にだけ、９といれたら、５だけほかの要素の3倍おおきくなっていく。
一方で、flex-shrinkは
1 2 3 4 5 6とあり、
すべての要素にflex-shrink 1と入力したら、親要素が小さくなったら、同じスピードで縮んでいく。
３ だけflex-shrinkを３にしたら3倍の速さで親要素に合わして縮んでいく。
flex-basisは基本幅です。