Flexboxの2つの軸
Flexboxは「主軸（アイテムが並ぶ向き）」と「交差軸（それに直交する向き）」で考えます。
flex-directionがrowなら主軸は横。justify-contentが主軸方向の配置、
align-itemsが交差軸方向の配置です。ここが分かると、大半のレイアウトが作れます。
よく使う組み合わせ
- 中央寄せ — justify-content:center ＋ align-items:center
- 両端＋中央そろえ — justify-content:space-between ＋ align-items:center（ヘッダーの定番）
- 折り返すカード — flex-wrap:wrap ＋ gap
このツールについて
設定はすべてブラウザ内で処理され、サーバーに送信されることはありません。