Why is my background image not showing up in the 'Style your header section ' challenge?

At this point, you are almost done with Jubilee Austen, woo-hoo! 

If you're struggling to get the background image in your header to show up, don't worry. Help is on the way! 

This is one of those times where your project structure is really important. As a reminder, this is what the project folder should look like:

my-site  (folder)
|____ index.html
|____ css  (folder)
         |____ main.css
         |____ normalize.css
|____ img  (folder)
         |____ (all of your images)

If your folder is set up in the same way, double check that you're adding the header's background image in your CSS and not your HTML.

Since that bit of code lives in your css folder, you will also need to remember to go up a level to get to the img folder, where your images are. Make sure to add ../ to the front of the URL for your background image to work. 

The full line of code would look like this:

		background: url('../img/hero.png');

Also double-check that there is no space between 'url' and the opening parenthesis. 

Still need help? Contact Us Contact Us