progate 中級道場のヘッダー制作でイメージが一番左に寄ってしまいました

Question

前提・実現したいこと

progateの中級道場「ヘッダーを作ってみよう」で
ロゴを打ち込んだんですがヘッダーの一番端っこに寄ってしまいます
見本では、左から数cm離れています
(画像の左上です)
解決できるコードと、何が間違っているのかを説明していただけるとありがたいです
至らない説明で申し訳ありません

該当のソースコード

ソースコード
```header{
  background-color:rgba(34,49,52,0.9);
  height:65px;
  z-index:10;
  position:fixed;
  width:100%;
}
header .container{
  width:1170px;
}
.logo{
  float:left;
  width:124px;
  margin:20px 0 20px 0;
}
.top-wrapper{
  background-image:url(https://prog-8.com/images/html/advanced/top.png);
  background-size:cover;
  height:350px;
  padding:180px 0 100px 0;
  text-align:center;
}
.containers{
  width:1170px;
  margin:0 auto;
  padding:o 15;
}

### 試したこと

paddingで無理やり離したりしてみたのですが、小さい画面ではちゃんとできているように見えても
大画面に引き伸ばすとずれてしまいます

### 補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

何を目標としているのかいまいちわかりませんが、logoの外側にcontainerクラスをつけたdivを配置していますか。containerクラスをつけたdivで囲うことで、画面幅を1170px以上にした時にロゴが真ん中に引き寄せられるはずです。

Comments

[S-K23]

ありがとうございます
無事解決しました

質問の仕方で至らない部分があれば、よければお教えいただけないでしょうか。

[soliste16]

簡単に申し上げれば、progateのこの部分をやった人でないと正確な修正案を提示できないということです。ロゴをずらす方法はやろうと思えば様々あります。その中から、progateをやったことのない人が今回私が提示したprogateのやり方に沿った修正案を出すことは厳しいですし、他のやり方でロゴの部分の見た目は整っても、それ以外が合わずクリアできないものと思われます（今回の場合ではログインボタンの位置等）。progateのようなある程度コーディング方法が決まっているものに関しては、htmlの提示や画面幅を変えたときにロゴがどのように動くかなどを細かく記述していただくと、より適切な回答を得られやすくなると思われます。

[S-K23]

お返事ありがとうございます。
勉強になりました。
今後はその様に質問できる様心がけます。
ありがとうございました。