初めに
cssを使っていく中で理解を深めるためにまとめてみる。
flexとは
flexについては[MDN Web Docs]では以下のように説明されています。
flex は CSS の一括指定プロパティで、フレックスアイテムをフレックスコンテナーの領域に収めるために、どのように伸長・収縮させるかを指定します。
コンテナとは容器なので、指定した範囲内で中のアイテムの大きさを指定することができる様子。
flexのプロパティ
- flex-grow （他と比較してどれくらい大きくなるかを指定）
- flex-shrink (他と比較してどれくらい小さくなるかを指定)
- flex-basis （初期の寸法を指定）