Survey form-feedback

Code Feedback
1

Hi everyone,
I have just completed building my FCC survey form and I would like to have your honest feedback and recommendations.

https://codepen.io/gezo1993/pen/gJRyMJ

2 Likes
2

Owen this is beautiful

3 Likes
3

Thank you Samuel… Any suggestions on things that could improve the page?

1 Like
4

You could make it a lot shorter in page length by making the ‘how did you learn about…’ and ‘would you recommend…’ sections a second column that displays side by side with the personal information section. (Mobile a different story, but desktop for sure)

I also think the comments field and how can we improve sections would look nice full width of the two columns.

A line break after 'How can we inprove (sp* improve) your experience on our website?(Check all that apply): ’ would make it look a bit cleaner as well.

If I’m really nitpicking I would even add some bolding to the question/heading for each input section.

Otherwise, you have a great start to work from.

2 Likes
5

Hi @Gizo, it looks good. However,

  • revisit the user stories. Right now you’re passing 15/17. If you notice clicking your Submit button does nothing. The error will tell you why and is and easy fix.
  • same with the error regarding your radio buttons
  • use the fieldset element around your checkboxes too. They’ll flow together a lot nicer like your radio buttons
3 Likes
6

Hello Logan,
Thank you for the feedback.
I want to clarify something. When you say I should make the page shorter, do you mean I should do that both when it is viewed on desktop and mobile devices?

1 Like
7

Hello Roma,
Very appreciative of the feedback you’ve rendered.
I have corrected all the errors regarding the radio buttons and submit button.
Also used the fieldset element on the checkboxes.
Cheers!

2 Likes
8

It’s beautiful, nice design :ok_hand:

2 Likes
9

Thanks Dozom. Is there anything that you feel needs some adjustment?

1 Like
10

@Gizo I reviewed your project! I think you have a great eye for design. let me know what you think!:grinning:

2 Likes
11

Thanks Michael… I will definitely do some adjustments.

2 Likes
12

You are welcome! Keep up the good work. You are doing great!

2 Likes
13

I was primarily referring to desktop, sorry for not elaborating previously. On mobile it would likely present better in the longer form, but in my opinion the desktop version would look a lot nicer if it was in more of a horizontal layout. Just one opinion though. :slight_smile:

2 Likes
14

Ok great… I will try to make it horizontal for the desktop version.:slightly_smiling_face:

1 Like
15

I’ve just completed the same test and it dawned on me that it’s not really necessary to go wild with styling, just to learn what’s being taught. Your form looks good as it is and passes all the checks. Unless you’re just wanting to challenge yourself, I wouldn’t worry too much about making it horizontal.

1 Like
16

Great… I will just challenge myself later then. Right now am working on my product landing page.

17

Nice, I’ll be doing that shortly as well. I found myself getting caught up with making a pimped out survey form before I really thought about what its going to be used for- nothing. lol

1 Like
18

Yeah me too… I spent the whole of yesterday trying to pimp my survey lol

1 Like
19

haha, SAME. Finally decided to just leave it as done today. :stuck_out_tongue:

1 Like
20

Yeah… There is room for improvement later. Got to get that certificate :stuck_out_tongue:

1 Like