flexアイテムの幅調整 sample

「flex-grow:数字」でflexアイテムの幅を自動で拡大変更できます。flexコンテナにぴったり入るように自動で拡大調整されます。flex-growの値を変更するとその数値に応じてそれぞれのflexボックスの幅が調整されます。その仕組みは残った余白部分をflex-growで指定した数値の比率に分割されるようになっています。

A
B
C
D