Cannot seem to add image in background no matter what :<

HTML-CSS
1

Tell us what’s happening:
I am on the second challenge, and I took about 6 hours to finish it… I really cannot seem to add an image in the background as was suggested in the example! It’s really bugging me. Could I trouble you to look in my code, and see if you can put an image in the background instead of the radial background there?

Thank you!

Your code so far

Your browser information:

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

Challenge: Build a Survey Form

Link to the challenge:

2

what’s the issue?
you have background-image: radial-gradient(red, green, blue); and it’s there

3

i just took a quick look- what about **referencing the code in the example? i also dont THINK i see your own url for an image in the first place xD lol

body::before {
content: ‘’;
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: -1;
background: var(–color-darkblue);
background-image: linear-gradient(
115deg,
rgba(58, 58, 158, 0.8),
rgba(136, 136, 206, 0.7)
),
url(https://cdn.freecodecamp.org/testable-projects-fcc/images/survey-form-background.jpeg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}

4

that’s against the academic honesty pledge, where you pledge that the code is written by you and not copied

1 Like
5

oop realized my miswording when i sent it- i meant as a referance, not actually copy. aka looking and seeing the code thats in the example. op doesnt even have an img code it looks like so looking at that code would help them insert their own. take away would be: need img import, background size, no repeat, center. voila :3

6

@ILM and @10thletter thanks so much for giving my page a look! I couldn’t make this URL show as background–> neither https://paste.pics/bb12f1cb9756958504e9cf951b1b60b5 nor /Users/deborahong/Desktop/Survey Form/background.jpg so I’m not sure what I’m missing.

I only put the radial background because nothing else seems to work, sorry for the confusion! :sleepy:

7

this is not an image url, it is the link to the page that contain the image

there is a “More” button, there you can find the link to the image

1 Like
8

Omg yes it works now! So silly of me, thank you so much :star_struck: :star_struck: