動画

https://youtu.be/v5DO-2NEwxo

ポイント

• 要素の高さは中に入っている子要素の分だけ広がる
• floatを使うと、親要素から見て、中に入っている要素を認識できなくなる。
  • 今回の場合だと、ヘッダーから見て、中の.header-titleと.header-navが認識できなくなった →headerは「中身に何もない」と判断して、高さが0になった

参考（floatについて）

https://twitter.com/098ra0209/status/1085519869485887494/photo/1

4. ヘッダー作成（前編）

6. トップ部分作成