Tribute Page - background image problem

I’m working on the Tribute page. My problem is when I upload it to CodePen the background image I am using doesn’t show up. I am getting the image from github.

Here is the css in :
background-image: url(‘https://github.com/HazyStreet/tribute-page/blob/master/full-bloom.png?raw=true’);

Here is the codepen link: https://codepen.io/HazyStreet/pen/MWwdLjg

1 Like

try removing the html tags and doctype

1 Like

@dihuertag11, you’re calling the background image incorrectly. This is the link you need to use; https://raw.githubusercontent.com/HazyStreet/tribute-page/master/full-bloom.png

Edit: Just noticed that you have raw=true. The reason it’s not working is because of how you’re using codepen. When using codepen it only expects the code you’d put within the <body> </body> tags in HTML. (No need to include the body tags). For anything you want to add to <head> click on the ‘Settings’ button, then HTML and add it into the ‘Stuff for <head>’ box.
Similarly, you don’t use the <style> </style> tags in CSS. When those are removed your background shows correctly.

1 Like

Thanks, that was a clear explanation on the fix.