解 説

flexプロパティの練習用サンプルを作成しました。
flex-grow、flex-shrink,flex-basisの値を入れてレイアウトを確認するものです。
値は数字の0以上の整数を入れてください。
数値入力後に「CSS設定する」ボタンをクリックするとピンクの背景部分のレイアウトが変わります。

flex-growとflex-shrinkの練習

flexプロパティのショートハンド練習

Flex Boxレイアウト関連記事