Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:
I can’t seem to get the background image to fit the entire screen.
I’ve tried background: cover but it doesn’t work.

My only other idea why is that I have an overflow with the body and I can’t seem to get it with the image either.

Do you guys have any suggestions on how i could get the image to cover everything or to get my body to fit inside the image itself

Your code so far

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36 Edg/105.0.1343.33

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2

I can’t see your code (you can put it in a codepen for people to review for eg).
So as just a casual suggestion.
Make the body have the background image.
Move all the other elements inside the body into a section or a main element for eg.
That way you can set the width of the body to 100% and the background image can cover the whole screen.
And then you can manipulate the contents of the nested div or main or section element to do other styling while leaving the body out of it.

1 Like
3

A Pen by Rueben (codepen.io)

but I actually just noticed that when using fcc it looks different than on codepen.

would you recommend using another program than just copying and pasting it into the fcc

and i do have one other question as well.

  • All your radio buttons should have a name attribute and value.

  • Every radio button group should have at least 2 radio buttons.

I am little confused because I have a name for all my buttons and I have 3 radio buttons

4

Try running the “Analyze HTML” menu option in codepen. It will find some syntax issues that you should fix.
(It’s in the drop down menu next to the gear menu icon)
You can also run analyze css too in case there are errors there.

Then try the test again to see if any tests pass after this and which remain.

Edit: just realized you aren’t the same person who was having problems with the tests failing… sorry I guess I responded to one too many people today.

1 Like
5

Okay thank you !

I was able to figure everything out and passed the first section!

1 Like
6

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.