Survey Form: Responsive Project #3

Code Feedback
1

Hello guys,

Could anyone please review my Survey Form front-end project. Your help would be appreciated

1 Like
2

Hi @kksrini89, welcome back. Your form looks okay, just too much like the sample form. You should try to be more original.
Some things you may want to go back and revisit;

  • Keep the test script when forking the pen (<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>). Your page passes 10/17 user stories.
  • If age is optional the user shouldn’t get an “is invalid” message
  • change the cursor to a pointer when hovering over the submit button
  • make the submit button look like a button, not a bar
3

I think it looks good. Your color choices are good. A few tips
Instead of age in years, how about birthday?
And make the checkboxes 2 columns not one long column

4

@Roma,

Thanks for your feedback. Btw, I am not exactly duplicating FCC form. I agree that unit tests would fail since some of the elements are not given with the expected id values.

It’s intended - if user enters age field even though it is an optional, will end up getting error message since value is not within the range.

I totally agree on this styling on “Submit” button since I was also not having clue while designing this.

Once again thanks Roma for your valuable feedback.

6

Hello @Imstupidpleasehelp,

I thought to keep age field so simple. I don’t get your opinion on checkbox thing could you pls explain a little bit more if you don’t mind?