Изображение не отображается внутри div на сайте HTML ⇐ CSS

[Anonymous]

Я новичок в HTML и CSS и программирую для себя онлайн-портфолио. При попытке добавить фоновое изображение с использованием элемента div и внешнего CSS мне не удалось загрузить изображение после более чем часа прямого устранения неполадок.
Изображение и файл CSS не источник указан правильно
HTML:

Код: Выделить всё

 A website about myself 

CSS:

Код: Выделить всё

*{
margin: 0;
padding: 0;
font-family: sans-serif;
}
.banner{
width: 100%;
height: 100%vh;
background-size: cover;
background-position: center;
background-image: url(/assets/bg/WebsiteBackground.png);
}

Я попытался изменить расположение изображения, тип файла, расположение строки «Фоновое изображение» в файле CSS и имя Div. Однако файл html по-прежнему отображает пустой экран.

Подробнее здесь: https://stackoverflow.com/questions/787 ... -html-site