Почему не видно background?

Frontend developer HTML / CSS
1

Я скачал изображение в папку images, в ней лежит мое изображение, которое я подключаю как бекграунд, подскажите что может тут быть не так, вроде бы правильно подключил, заранее благодарю. Вот код:

html:



    <div class="container">

        My header

    





    <div class="container">

        My content

    





    <div class="container">

        My footer

css:

header {

    background-image: url(images/image_1.jpg) no-repeat center top / cover;

    height: 80vh;

}

div {

    color:white;

    background-color: black;

}

2

Если ты хочешь написать всё и сразу то нужно писать просто background и всё что ты вписал дальше. Вот так:

background: url(images/image_1.jpg) no-repeat center top / cover;

Если не так, то по отдельности каждому свойству можно задать значение:

background-image: url(images/image_1.jpg);

background-repeat: no-repeat;

background-position: center top;

background-size: cover;
3

Хочу добавить, что лучше писать свойства отдельно, т.к некоторые браузеры ругаются на однострочный тип написания.