Project Feedback: Survey-Form

Code Feedback
1

Hi, fellow campers I just finished creating my Survey form. I’m open to any feedback. :sparkles: :sparkles: :sparkles: :peace_symbol:

Code Pen: https://codepen.io/antonpalermo/full/bGeqyVB

3 Likes
2

Hey @AntonPalermo!

I think your form looks great! Just a couple of small things.

For me personally, the white text on a bright blue background is a little hard to read. Also you have a couple of small errors in your css. You can use codepen’s css analyzer to find and fix those errors.

Great job!

Happy coding!

1 Like
3

Noted, thank you @jwilkins.oboe.

4

Hello @AntonPalermo. What a wonderful work! This seems so much professional. Just two suggestions:

  • Do not use the @import CSS rule. It has a performance issue. If you want to import google fonts, you can paste the link tag Google Fonts give you in the "Stuff for <head>" box which is available by clicking on the settings icon in the HTML code box.
  • When I click on the Email Address label, it focuses me on the last name input field. When I click on the Gender input field, it focuses on the first name input field. This is because you have specified incorrect id for the label tags.

Anyway, very good job and I like the illustration! :+1:

2 Likes
5

@AntonPalermo
Nice Work

2 Likes
6

Your form looks good @AntonPalermo. Something to revisit;

  • Change the cursor to a pointer when hovering over the submit button
1 Like
7

I’m glad y’all like my work… Thank you all, for reviewing my code. I will fix all suggestions and feedback and keep all these things in mind on my next project.

1 Like