サイズを指定した後のback-ground imgが反映されない

Question

前提・実現したいこと

background imgを表示させたい

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

エラーメッセージCSSで背景画像の大きさやbackground-sizeでcoverにいた際に背景画像が表示されません。なお、URLはあっています。

該当のソースコード.

ーーーHtML

<main> <div class="topmain"> <div class="topmainpic"> <h1>旅を贈ろう</h1> <h2>AIrbnbギフトカードで、世界をグンと身近に</h2> <button>ギフトカードを登録</button> </div> </div＞

ーーCSS

topmain{
height: 800px;
width: 100%;
}

.topmainpic{
background-image: url("free.jpg")
background-size: cover;
}
ソースコード

### 試したこと

heightやwidethやbackground-sizeを指定しなければ、画像の上の１部が表示されました。

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

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

Answer 1

/* background-image: url("free.jpg")
                                    ↓  */
   background-image: url("free.jpg");

Comments

[shun08]

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