My Survey Form - Done in 2 days

Hello freecodecampers I just finished my survey form I would really like your feedback.

I have stopped coming to FCC because I was busy since I went back to University the past 2 weeks but I finally had time to complete the surbey. Anyway guys please help me improve my page. I wanted to insert an image and a box ontop of the navigation bar.

see this image: https://i.imgur.com/SYSlCyH.jpg

But I was not able to insert the image there, well I ended up with the design there. So please any advise on how to do it?

Your form looks okay @Mephistophelos. Some things to revisit;

  • Keep the test script when forking the pen (<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>).
    • The test script should be included, with all tests passing, when you submit your projects.
    • Your page passes 13/17 user stories. Click the red button to see which test(s) are failing and text to help you correct the issue.
  • Codepen provides the boilerplate for you. It only expects the code you’d put within the body element in HTML. (No need to include the body tags). For anything you want to add to the <head> element click on the ‘Settings’ button, then HTML and add it into the ‘Stuff for <head>’ box.
    • You have elements out of order. Everything the browser renders belongs in the body element. You have a div incorrectly placed outside.
  • Run your HTML code through the W3C validator.
    • There are HTML coding errors you should be aware of and address.
  • Don’t use the <br> element to force line breaks or spacing. That’s what CSS is for.
  • User’s should be able to click on the label to toggle selection. Not just the radio button / checkbox.
  • Side note, when placing the script element in the body element it’s best to place it right before the closing body tag so there’s no delay in your page loading.