1. display と ブロック/インライン
block はよこ幅いっぱい、inline は文章の中に流れます。inline-block は行内に置ける小さな箱。
display の違い
2. Flexbox レイアウト（横並び・中央寄せ）
Flex で横並び＋中央寄せ
3. CSS Grid（2〜3列のカード）
Grid でカード一覧
章末ミニプロジェクト：レイアウト見本ページ
- 上部は Flex でナビ（横並び）。
- 中段は Grid でカード一覧を2〜3列。
- 下部にお知らせ（block要素）を配置。