Feedback:Second-project: Survey form

Code Feedback
1

Hello guys! I hope everyone is doing well ! I hope if you could give me a feedback about my second project . I really need them to improve myself.
Here’s the link: https://codepen.io/masmarmehdi/full/zYBmwKZ
i’ll be so thankful! :smile: :raised_hands:

2

Hi @mehdimasmar!

I am having a hard time clicking on the checkboxes and radio buttons.

1 Like
3

Your form looks good @mehdimasmar. 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 down arrow in the upper right of each section and then click on the respective ‘Analyze’ link.
    • The one for CSS is good. Use it.
      • be wary of duplicate selectors
    • (The one for HTML misses things which is why I recommend W3C)
  • User’s should be able to click on the label to toggle a selection, not just the radio button / checkbox.
  • Change the cursor to a pointer when hovering over the submit button
1 Like
4

What about now ? :sweat_smile:

1 Like
5

Thank you i think i fixed them now ! :sweat_smile:

6

I love the vibe this has going, it feels going to see a rock band!

My small suggestion. You’ve got a sans-serif font on the heading and textboxes but a serif font on the survey questions. It might look neater within the quiz if it’s all a uniform style?

1 Like
7

Thank you so much for your feedback i’ll definitely change it !! :smile: :raised_hands: