Brena's Survey Form - Feedback Welcome!

Hey everyone, just finished working on my survey form project. Overall I was going for a clean and minimalistic aesthetic. Any feedback or advice is welcome, and I’d especially appreciate any focused on my CSS or mobile stuff.

https://codepen.io/BrennasBrenna/full/MWaLoYg

Thanks in advance!

1 Like

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

  • 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’ve got a div outside of the body element. That’s not allowed. Just go ahead and delete the body tags in codepen.
  • Codepen provides validators for HTML, CSS and JS. Click on the down arrow in the upper right of each section and then click on the respective ‘Analyze’ link.
    • The one for HTML misses things which is why I point users to W3C
    • The one for CSS is good. Use it. You’ve got an unknown property.
  • Change the cursor to a pointer when hovering over the submit button.
1 Like

Fixed, thanks for the feedback!