Background-image -Building a Tribute Page

Hello everyone, so i am trying to build a tribute page. A novice, i have a pic saved on My Pictures saved as .jpg. i added it to my code:

body { background-image: url("daddy-pic1.jpg"); }

for some reason it didn’t reflect.please advice. Thanking all in advance.

Are you creating the page on CodePen like the challenge instructs?

If so, you’ll have to upload that image to a file hosting site like Cloudinary, then use the url provided for that file like so:

body { background-image: url("http://link-to-image.com"); }

Currently, the url you provided is a relative one, so in this case Codepen looks for the image in the same directory as the html file, but your image isn’t there.

1 Like