Need feedback for my My Survey form

https://codepen.io/YHY27/pen/rNWZJPj

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

  • Run your HTML code through the W3C validator.
    • There are HTML coding errors you should be aware of and address.
    • Since copy/paste from codepen you can ignore the first warning and first two errors.
  • Codepen provides validators for HTML, CSS and JS. Click on the chevron in the upper right of each section and then click on the respective ‘Analyze’ link.
    • The one for CSS is good. Use it and address the issue(s).
    • (The one for HTML misses things which is why I recommend W3C)
  • Change the cursor to a pointer when hovering over the submit button
  • Do not use the <br> element to force line breaks or spacing. That’s what CSS is for.
  • Make your page responsive. Remember, the R in RWD stands for Responsive
    • There’s a horizontal scrollbar on large and small screens.
    • To help you see how you have your elements set up you can temporarily add the following global reset;
    * {
      border: 1px solid blue;
    }

You can make it any color you want. While this isn’t the only place where this is done look at your #head declaration. It’s given a width of 100% and then an additional 5px is added to each.