Фоновое изображение не отображается для баннера, но я почти уверен, что мой код правильный.
Я пытаюсь поместить фоновое изображение в качестве баннера в свой индексстраница, которая будет иметь текст поверх.Я следую учебному пособию на YouTube (я знаю, мне очень жаль), и я почти уверен, что отлично следовал примеру кода (в конце концов я его поменяю, но мне просто нужна ссылка).
<main>
<section class="index-banner">
<h2>FILM. MODELING.<br>DESIGN.</h2>
<h1>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tellus velit, blandit ut nisi in.</h1>
</section>
</main>
.index-banner {
width: 100%;
height: 100vh;
background-image: url('img/tom.jpg');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
Я должен получить фоновое изображение позади моих <h1>
и <h2>
тегов, но я ничего не вижу.Я попытался удалить форматирование, но это все еще не сортирует его.