flex-basisでフレックスアイテムの幅を指定【CSS】

flex-basisプロパティは、フレックスアイテムの基本の幅を指定します。

{flex-basis: 幅;}

flex-basisの値の指定方法

flex-basisプロパティでは、autoを指定すると、フレックスアイテムの内容に合わせて自動的に幅が指定されますが、%値やpxなどの単位付きの数値で指定することもできます。

%値はフレックスコンテナの主軸の幅に対する割合です。