Hows my survey form look?

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!

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.

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. hopefully that made it a little better let me know what you think.

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.