flex-basisの意味と使い方

「flex-basis」はフレックスアイテムが調整される前の、基本の幅を指定するプロパティです。値の指定方法はwidthプロパティ(主軸の方向によってはheightプロパティ)と同じです。負の値は指定できません。
なお、「flex-baseis: 0;」を指定すると、アイテムのもつ幅が基本の幅となり、この幅にたいして余白の割り当てや縮小が行われます。