Hows my survey form look?

Code Feedback
1

Hi everyone, I just completed my survey form and would love some feedback. I’m really new to this so any feedback at all would be much appreciated. Thanks!
https://codepen.io/cshields024/pen/jOPREqe

2

The first rule of web design: You want people to be able to see your content :slight_smile:

OK, maybe it’s not the first rule, but you definitely need to make the text color darker or change the background because it is very hard to read.

3

Thanks for the feedback! I was worried it might have been a little difficult to read. I changed the colors around and made the text bold. https://codepen.io/cshields024/full/jOPREqe hopefully that made it a little better let me know what you think.
Thanks!

4

Hi @cshields024, your form looks good. Some things to revisit;

  • When using codepen it 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 would go in the box labeled ‘Stuff for <head>’
  • Run your HTML code through the W3C validator. Just copy your HTML and paste it into the ‘Validate by Direct Input’ tab.
    • Since copy/paste from codepen you can ignore the first warning and first two errors.
    • There are quite a few error you should clean up
  • Change the cursor to a pointer when hovering over the submit button

As an aside, if you’ve filled out a form you’ll notice that the radio buttons and checkboxes are to the left of the label. It’s the left to right thing that we’re used to seeing.