Feedback on my Survey Project!

Code Feedback
1

I’m feeling like I’m starting to get the grasp of it!
Link to my project (:

2

@jugges, looks good. You can do a few more things though;

  • use codepens validator to clean up your HTML. Click on the arrow in the upper right and then click on the ‘Analyze’ link
  • you’re styling your dropbox (or trying to) in HTML. Do that in CSS
  • try not to use <br> use CSS to do your styling
  • set the radio and check boxes so user can click on the corresponding labels
  • the way you have it set, only the Math radio button is required, not the group of radio buttons
  • change the cursor to a pointer when hovering over the submit button
1 Like
3

I also noticed when I made the window smaller the text input box next to comments overlapped the “:”. Awesome Survey Page!!!:vulcan_salute:

1 Like
5

Thanks for pointing out, I’ll start doing that from now on. :nerd_face::+1:

1 Like
6

I know!, any idea of what could be done to fix it?

7

Hi @jugges ,

Like the look of it, good job :+1:

I do have a suggestion from a usability point of view to make your labels clickable instead of just the checkbox/radio buttons - there is some information on labels here from W3Schools.

2 Likes
8

Nice Job!
the survey is really nice!
I like how the animation appears in the beginning.
Maybe you should use bootstrap to style it a bit more.

1 Like
9

@jugges Nice project.

  • I think that you should have the labels stack on top of the input fields in mobile view so that you will have more room for the input fields.
  • the “favorite difgit” field remains the same size while the other fields shrink to fit the width.
1 Like