Survey form critique/feedback

Hi All,

I just finished my survey form project! I would really appreciate it if you can give me some tips and feedback on how to better improve the syntax or coding style. I used to put so much < br > on my last project but I followed the feedback I received from that and I avoid using it as much as possible.

Also, I can’t seem to add a space between the questions and choices for radio and checkbox choices. I’ve used margin to do this but it doesn’t show any space on the actual page.

Here it is: https://codepen.io/Alyly/pen/WNZQEYe

I’m open for any feedback or insight.

Thank you and stay safe everyone!

looks good for me. You can add an id/class on the div(s) that contain(s) your first radio button, and set the margin-top for that id/class in CSS

1 Like

Thank you for taking the time to look into my project! @shugyoza
I tried to follow what you said about adding a class on the div for the first choices but it’s still not showing any space. I wonder why. Anyway, thank you again!

You missed a closing curly brace on line 90

1 Like

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

  • Run your HTML code through the W3C validator.
    • There are HTML syntax/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 chevron in the upper right of each section and then click on the respective ‘Analyze’ link.
    • The one for CSS is good. Use it and address the issue(s).
      (The one for HTML misses things which is why I recommend W3C)
  • Do not use the <br> element to force line breaks or spacing. That’s what CSS is for.
1 Like

Nice catch @shugyoza ! Thanks!

Thank you again @Roma! This is all noted. Thank you for taking the time to look into my project. Really appreciate it :grin:

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.