arka plana fotoğraf yüklemek
Html yapıs:
<header class="main-header">
<div class="first-info display-1 text-center justify-content-center">
<h1>Welcome To Lavender Hotel</h1>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tempore,
commodi. Temporibus, necessitatibus velit? Exercitationem,
consequuntur!
</p>
</div>
</header>
scss yapısı:
.main-header {
background-image: url(header.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 100vh;
}
bu yapıda arka plana bir fotoğraf yüklemek istiyorum ancak fotoğraf yüklenmiyor ve (Failed to load resource: net::ERR_FILE_NOT_FOUND) hatası alıyorum. Nasıl Yapabilirim? (url doğru)
Al kanka
.main-header {
background-image: url('arkaplan-resim-urlsi.jpg'); // arka plan resminin URL'sini buraya ekle..
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}