CSSレイアウト・パターン選択

課題を分類し、名前付きパターンと核心CSSへ落とし込む。詳細は references/ をオンデマンドで読む。

いつ使うか

• 要素の中央配置で手段が定まらないとき
• レスポンシブなグリッドやカード列を組むとき
• Header / Main / Footer やサイドバーを含むページ骨格を設計するとき
• clamp や aspect-ratio、コンテナクエリでサイズや見え方を制御するとき

使わない場合

• アニメーション・トランジション主体の演出
• フォントサイズスケールや行間などタイポグラフィ専用の調整
• テーマカラー／デザイントークンだけの変更
• レイアウトを JavaScript で測り回す実装方針（仮想リスト等）が主題のとき

手順