marginが分からない

Question

ProgateのHTML&CSS道場コース中級をやっています。
答えを見ると、containerに、margin:0 auto;とありました。
なぜそうする必要があるのでしょうか。確かに、自分のコードだと全体の位置が左に寄っているような気がします。

Comments

[miyabi_pudding]

> なぜそうする必要があるのでしょうか

これは、レイアウト的になぜ真ん中によせる必要があるのか？という話でしょうか。
それとも、真ん中に寄せるには、なぜmargin: 0 auto;にする必要があるのか？
という話でしょうか？
レイアウトの話であれば、プログラミングに関係ない話になってしまうので、
teratailで質問するのは適切ではありません。

Answer 1

Progateのこの手の質問よく出ますけど、大体同じような回答が付きます。
意図は作った人しか分からない（1つのゴールのための道は1つではないから）
まず過去質問を探してみてください。

[Progate] の検索結果： 1068件

Answer 2

marginの値を2つ設定すると、１つ目が上下、２つ目が左右に適用されます。
margin: 0 auto;は「上下を0にして、左右を自動で振り分けてね」という良く使う記述です。