Adding Background Image to Body

HTML-CSS
1

I’ve completed the build tribute page challenge (passed the tests) but not yet submitted due to a particular snag in my code. Using my desktop html editor, it works, but then it doesn’t work in the codepen or in another environment in which I tried.
Problem: I want to include a background image for the body of my tribute page, but the image will not appear when running the code. I’ve tried with and without quotes, changing “background-image” to “background”, and even tested with other pictures, but it does not work.

Within the style element I have:
body {
background-image: url(https://i.ibb.co/xMZfL4v/dogbone.jpg);
background-size: 360px;
}

I am using Google Chrome Version 71.0.3578.98 (Official Build) (64-bit)

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-projects/build-a-tribute-page

2

The CSS you posted works for me on Codepen. If you haven’t, try only using your inner HTML without the html and body elements, Codepen adds that automatically.

3

Hello lasjorg. Thanks for the tip. In my CSS I was indeed including an element that is already built into the pen. In this case it was my style tag that was srewing it up. Deleting this solved the problem. Thank you!

4