FCC: Survey Form - Feedback

Code Feedback
1

Hi all,

I’ve been beavering away and just finished the survey form and would appreciate some feedback mainly concerning if the code structure/syntax is correct and in general about the aesthetics.

I found this quite a bit more challenging than the tribute page mostly due to what I wanted to do in my head and my current lack of coding knowledge but once I got my head around flexbox it came together in the end.

Like the first project, it felt like I’ve learned quite a bit from this one mainly due to being stuck and having to figure things out.

https://codepen.io/andy-robertson/full/GaJJYx

Thanks!

1 Like
2

you did an excellent job very neat and consistent Really I like it :clap::clap::clap:
I suggest to add some width to first & last name inputs

1 Like
3

Nice job. Some things to revisit;

  • when I click off of ‘products owned’ I cannot see a number. Consider making that wider.
  • allow users to click on the labels, not just the radio button/checkbox
  • change cursor to pointer when hovering over the submit button
1 Like
4

Hi all,

Heres what I’ve changed:

  • All input fields have been resized
  • Added a missing width variable on the “Product Owned” field
  • Reordered and corrected the label tags making them clickable
  • Changed pointer feedback for radio, check, labels and the submit button.
  • Added focus effects on labels as a bonus, I thought why not.

Thanks for all the feedback, it’s very much appreciated! :+1:

1 Like
5

Nice job @Andy-R. I like the bonus as well

1 Like
6

I don’t have anything to add, except I think it looks gorgeous. I like the motif you used with the rounded corners.

1 Like
7

Wow nice form​:clap::clap:Excellent work.

1 Like
8

Very easy to look at and works well on iPhone 8! Great work.

1 Like