CSS3 Flex フレキシブルボックスモデルによりレイアウトが自由自在

flex プロパティは、フレックスボックスモデルオブジェクトの子要素がスペースを割り当てる方法を設定または取得するために使用されます。これは、flex-grow、flex-shrink、および flex-basis プロパティの短縮形プロパティです。注: 要素がフレックスボックスモデルオブジェクトの子でない場合、flex プロパティは効果がありません。