I'm trying to add a background image at header, why won't it show up?

Question

I've been trying to add a background image to the 'header' tag for a while now. I'm sure the problem is probably really simple and I have checked the names of my files and path, but I still can't find a solution

Does anyone know what the problem is? Here is the html:

<link rel="stylesheet" type="text/css" href="main.css">

Here is the css:

header{
    width: 100%; height: 100vh;
    background-image: url('../img/sciencecool.jpeg');
}

I would really appreciate a response, thank you.

Answer 1

Are you using a class .header or the html header tag? Have you checked if the image and Css path are correct?

Answer 2

in html at first write:

in css write: .header { background-image: url }