背景画面が横いっぱいに広がらない。

Question

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
（例）PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。

発生している問題・エラーメッセージ

背景画面が横幅いっぱいにならない。
エラーメッセージ

### 該当のソースコード

```ここに言語名を入力
CSS

試したこと

ここに問題に対して試したことを記載してください。
.container {
width: 100%;
margin: 0 auto;
padding: 0 15px;

.top-wrapper {
background-color: url(画像のurl）;
background-size: cover;

padding 0 15px;を指定すると
横幅が広がってしまう感じです

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

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

Comments

[退会済みユーザー]

以下の点、質問の修正をお願いします。

①HTMLとCSSを全文載せてください（コードを載せる際は```で囲んでください。記入欄の上部に<code>というタブがあるので、そちらを活用してください）
②不要な部分は削除してください（「前提・実現したいこと」「補足情報（FW/ツールのバージョンなど）」など使っていない部分です）
③余白ができているのは「padding: 0 15px;」が原因だと思いますが、こちらを指定している意図は何でしょうか？

[SiRi]

返信ありがとうございます。
progateの実際のサイトを、デベロッパーモードを使用して確認したところ、top-wrapper h1の部分が、
padding 0 15px と指定されているため、お手本通り記載したら横幅が出てしまいます。
デベロッパーモードは参考にしすぎない方がいいのでしょうか？
padding指定しなければ、隙間は出ません。

[退会済みユーザー]

回答欄をみてください

Answer 1

progateの実際のサイトを、デベロッパーモードを使用して確認したところ、top-wrapper h1の部分が、

padding 0 15px と指定されているため...

「top-wrapper」と「top-wrapper h1」は別物ですよね？
HTMLが載っていないので予想になりますが、「top-wrapper h1」は「LEARN TO BE CODE. LEARN TO BE CREATIVE」の部分ではないでしょうか。もしそうならpaddingは画像に対してつけたものではないので、「top-wrapper」の「padding: 0 15px;」は削除して良いと思います。

Answer 2

padding: 0 15px;