Help with project feedback

I would love some feedback on my projects.

Survey Form:
https://codepen.io/docker264/pen/MWYEJpq

Tribute Page:
https://codepen.io/docker264/pen/oNgLJNj

thanks for the feedback.

1 Like

Both of your projects are great! I really like how you put together your survey form, excellent work! Your choice for making your tribute page about Nikola Tesla was a very good call. Keep it up!

Welcome to the forums @miguelangelcardona11. Pages look good. Some things to revisit;
tribute

  • 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.
  • Run your HTML code through the W3C validator.
    • Since copy/paste from codepen you can ignore the first warning and first two errors.
    • There are HTML coding errors you should address.
  • Don’t use <br> to force line breaks or spacing. That’s what CSS is for.
    • If you want to paragraphs then have two paragraph elements.
    • Btw, </br> is not a valid element. It’s always and only <br>
  • Review the lesson about giving meaningful text to links.

survey form

  • 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.
  • 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.
    • The link to the font goes in the box labeled ‘Stuff for <head>’
  • Run your HTML code through the W3C validator.
    • Since copy/paste from codepen you can ignore the first warning and first two errors.
    • There are HTML coding errors you should address.
  • Don’t use <br> to force line breaks. Use CSS
  • User’s should be able to click the label to select, not just the radio button / checkbox
    • Cut & paste error prevents me from being able to select the last two radio buttons by clicking on their respective labels

Thank you for the feedback, is good to have someone to tell you where you can improve.