Flexboxは、項目を行または列に並べ、使える空間に合わせて調整するレイアウト方法です。棚の上のカップのように、棚の幅が変わると間隔を変えたり、空間を分け合ったりできます。

たとえば、ウィンドウの幅が変わってもナビゲーションリンクを一列に整列できます。項目を中央に置いたり、ボタンを列の端に配置したりすることもできます。

横方向か縦方向のどちらか一方を扱うのに特に適しています。行と列の両方が必要なレイアウトには、Gridのほうが適している場合があります。