Would love some feedback/help for Survey form

Hi, this is my first post here. I’ve completed my second project.

FCC02-SurveyForm (codepen.io)

The “select” and “button” elements looks less in height than other elements, though I used same “fixed-height” class for all of them. How can I make them look similar in height?

Please write if you have any more suggestion. Thanks.

1 Like

you can apply box-sizing: border-box to those elements. This way height/width you apply will include padding and border in it
Its common practice to apply it to all elements on top of CSS.

Thanks a lot. I’ve added * {box-sizing: border-box;} on the top of CSS

Welcome to the forums @Avijit. Your form looks good. Some things to revisit;

  • The form has age as optional but the user is required to fill it in to continue. This would be a bad UX.
  • Make the project from scratch, with your own code, style and content. Don’t take code from the sample project.