Flexbox
行または列という一次元の配置のためのCSSレイアウトモデル。コンテナに display: flex を指定する。「垂直方向の中央揃え」問題に決着をつけた。
2012年にW3C勧告候補となり、ブラウザの広い対応は2015年ごろ。主軸は justify-content、交差軸は align-items、ほかに flex-wrap、flex-grow/shrink/basis がある。二次元のCSS Gridとは別物だ。
現在の指針は、ツールバーやカードといった部品の構造にはFlexbox、ページ全体のレイアウトにはGrid。学習ゲームのFlexbox FroggyとGrid Gardenは定番である。