cssの一部コードが白色になってしまいます。どこが間違ってるかわからないです。

Question

問題

本に記載されているコードをそのまま模写したのですがうまくいきません。
min-heightが本来青くなるのですが白いままです。

本来であれば

#home {
    background-image: url(../images/main-bg.jpg);
    min-height: 100vh;
}
#home .page-title {
    text-transform: none;
}

となるのですが、私のコードでは

.button{
    font-size: 1.375rem;
    background: #0bd;
    color:#fff;
    border-radius: 5px;
    padding: 18px 32px; 
}
.button:hover{
    background: #0090aa;
}

/*大きな背景画像*/
.big-bg{
    background-size: cover;
    background-position: center top;
}

#home {
    background-image:url(../images/menu-bg.jpg)
    min-height: 100vh;
}

#home .page-title{
    text-transform:none;
}

と、min-heightが反応してない(？)んですよね‥

Comments

[meg_]

> 本に記載されているコードをそのまま模写したのですが
書籍名は何でしょうか？

> min-heightが本来青くなるのですが白いままです。
どういう意味でしょうか？

Answer 1

background-image

background-image: url("../../media/examples/lizard.png");

上記ドキュメント例のようにパスを""で括ってください。

Comments

[momotomato]

うまくいきません…

[momotomato]

;つけわすれでした！

[meg_]

すみません。""は無くても良いみたいです。https://www.sejuku.net/blog/55771