質問: ### 前提・実現したいこと progateの中級道場「ヘッダーを作ってみよう」で ロゴを打ち込んだんですがヘッダーの一番端っこに寄ってしまいます 見本では、左から数cm離れています (画像の左上です) 解決できるコードと、何が間違っているのかを説明していただけるとありがたいです 至らない説明で申し訳ありません![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/16c3b64d382215f29e4e57b8e2212eef.png) ### 該当のソースコード ``` ソースコード ``` 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/ツールのバージョンなど) ここにより詳細な情報を記載してください。
回答: 何を目標としているのかいまいちわかりませんが、logoの外側に`container`クラスをつけたdivを配置していますか。`container`クラスをつけたdivで囲うことで、画面幅を1170px以上にした時にロゴが真ん中に引き寄せられるはずです。