Survey form project - Feedback Needed

I didn’t have any idea in particular for design and topic for Survey, so just did what i could do without idea about design.
Design probably isn’t great but Please give me your views and some tips if possible. Project

You got the form right but the presentation needs a bit more of work.

For example the image in the background is kinda small for covering the whole background, I would suggest blurring a bit that image.

filter: blur(8px);

Also, the colors are bit off place, this is an important thing on presentation regarding colors that go well together, I’d recommend you to read this article.

Altogether, I find this pretty good, keep it up man.


Your form looks good @Sam.rex. 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 the <head> element click on the ‘Settings’ button, then HTML and add it into the ‘Stuff for <head>’ box.
  • Run your HTML code through the W3C validator.
    • There are HTML coding errors you should be aware of and address.
  • Don’t use the <br> element to force line breaks or spacing. That’s what CSS is for.
  • User’s should be able to click on the label to toggle selection. Not just the radio button / checkbox.
1 Like