Attempt on Survey Project

Hi fellow campers! Just finished the Survey project and was wondering if anyone could provide some feedback on ways to improve the code?

This is the link to the project: https://codepen.io/bbshark/pen/NWwGYoK

Hello teretocode123,
like another topic you posted before, there are some points to be fixed in your html code.

Please check your code through CodePen’s “analyze HTML” function or “W3C validator”.

Happy coding!

1 Like

Is using div to contain radio buttons acceptable?

Your form looks good @heretocode123. Some things to revisit;

  • Verify your email addr with codepen so we can see your page full view
  • Codepen provides the boilerplate for you. It only expects the code you’d put within the body element in the HTML editor. (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 ’ box.
    Mentioning too because you have elements out of order. Review this for an understanding of the HTML boilerplate tags.
    Everything the browser renders belongs between the body tags. And I think you are confusing the head element with the header element.
  • Run your HTML code through the W3C validator.
    There are HTML syntax/coding errors you should be aware of and address.
  • User’s should be able to click on the label to toggle a selection, not just the radio button / checkbox
  • Ideally, placeholder text should not mirror the label. It should be used to inform the user of the format of the required input
  • Do not use the <br> element to force line breaks or spacing. That’s what CSS is for.
    Reference MDN Docs
  • Make your page responsive. Remember, the R in RWD stands for Responsive
    There’s a horizontal scrollbar on smaller screens

When asking for feedback on projects it’s best to open the topic in the #project-feedback subforum.
I’ve taken the liberty of moving this for you.