FreeCodeCamp Survey Form

https://codepen.io/nourelsayed/pen/JjogmNm
and this also
https://codepen.io/nourelsayed/details/yLNBeZO

Welcome to the forums @NOURELsayed. Page look okay, things to revisit;

Survey form

  • On using codepen. codepen only expects the code you’d put within the <body> </body> tags in HTML. (No need to include the body tags). For anything you want to add to <head> click on the ‘Settings’ button, then HTML and add it into the ‘Stuff for <head>’ box.
  • The link to your font, bootstrap, etc would go in the box labeled ‘Stuff for <head>’
  • Run your HTML code through the W3C validator.
    • There are many errors you need to clean up. (Note, since pasting from codepen you can ignore the first few errors)
  • Make it so users can also click on the labels to select, not just the checkboxes
  • Make the page responsive. Fields fall out on smaller screens

landing page

  • already mentioned how to use codepen
  • you have a few instances of in-line styling. All your styling should be external. Plus the way you’re doing it causes errors.
  • why not make the submit button a <button>? I know they didn’t in the sample but you’re not supposed to be copying the sample.
  • make the page responsive
1 Like