#06の時に、

  margin: 0 32px;

としましたが、そのタイミングで

  width: calc(100% - 32px);
  margin: 0 auto;
  max-width: 800px;

を設定した方が最終的には効率的と感じました。

レスポンシブ対応を見据えて作成する場合、
#06 のタイミングで #24（上記）の幅設定をしても問題ないでしょうか？

デメリットなどあれば教えていただけるとありがたいです。