Flexbox は、最新の CSS レイアウトの中核となる配置と分散を使用して項目を行または列にレイアウトします。
flex-direction、justify-content、および align-items を備えたコンテナ上の display:flex は、子がどのように引き伸ばされ、折り返されるかを制御します。 Flexbox は、フロート ハックを使用せずに、ナビゲーション バー、カード行、垂直方向のセンタリングに優れています。
CSS Grid と組み合わせて 2 次元レイアウトを実現します。 Tentaco Flexbox Generator は、プロトタイピング用のライブ プレビューを備えたコピー&ペースト CSS を出力します。