Help and critique please - Survey Form

1

Hi! Thanks.

How does my code looks? How do I improve it?

Why is my dropdown different width as the rest of the input box?
Why is my submit button not aligning to the center?

Thanks again.

https://codepen.io/chawissa/full/mdVxjZy

2

A few suggestions:

  • I think most people expect the check boxes/radio buttons to be placed to the left of their content
  • The <label> on the Age input is not done correctly
  • The textarea at the bottom needs a <label>
  • Don’t use <br> to create vertical space between elements (this is considered bad practice), use CSS instead
  • For the issue with the width of the select drop down, change the box-sizing CSS property for it to content-box.
3

Thanks. It’s very helpful.