https://codepen.io/princecana/pen/NWxPwdK

HTML-CSS
1

Tell us what’s happening:

Output has extra box at the bottom of the page.Confused what’s happening.Please help!!

Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_4) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1 Safari/605.1.15.

Challenge: Build a Survey Form

Link to the challenge:

2

This line padding: 50px; in your div declaration is what’s giving you that extra area.

Some other suggestions;

  • Don’t use <br> to force line breaks. Use CSS
  • User’s should be able to click on the label to make a selection, not just the radio button / checkbox
  • the input element is self closing. This tag, </input>, is not a valid tag. Get rid of it.
3

I have fixed your problem… you need to give your div element a id … and style with this id in css … i.e.,
<div id="container">

4

Thank you, i will work on your suggestions.

5

Thank you. Just updated.