Survey Form Feedback Andrej

Any tips and feedback would be hugely appreciated

I am fairly new to coding so am trying to learn as much as possible.

Thanks,

Andrej

Here is the link to the code: https://codepen.io/drdre5/pen/yLYKxGX

Hey, it’s simply but nice.
The problem is with your submit button, it is almost invisible on smaller screens. Only S in black circle is visible on my mobile. You could try to add some padding to submit input.

Ok thank you so much for the feedback! Means alot

1 Like

Your form looks good @andrejjj222. 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.
  • 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 <head> click on the ‘Settings’ button, then HTML and add it into the ‘Stuff for <head>’ box.
    • Mentioning because you have elements out of order. Everything the browser renders should be in the body element. The header and main elements belong inside the body element.
  • 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 coding errors you need to address.