Recreating FCC Survey Form

Hello Community,

Yesterday i posted the tribute page that i created on my own (the design was copied from FCC’s project list but i followed the Read-Ask-Search Method of recreating exact same project with a different personality.) for which i received feedback from the community. I learned how to work with codepen website more effectively, thanks to the suggestions by @Roma.

For the last two days, I worked on the Survey form and again this time also, i learned how persisting with what you struggle yields something really fruitful. I struggled in remembering attributes of input elements clearly for which I had to google a lot. Once again, I had to work a little bit to get the margins perfect.

Here is the link to the project.

Survey Form

Take your precious time to go through it and kindly provide me with some valuable feedback.

Thank You.

Hi there!

I’m on the road and don’t have access to a computer, but I just wanted to pop in and tell you that your page looks great on mobile. Scales right, works well. Overall, looks like a solid piece from that perspective!

1 Like

Thank you so much, @jocelynmutso for taking the time to review the page. I really appreciate this.

Hi @datageekrj, your form looks good. Some things to revisit;

  • don’t use the <br> to force line breaks. There are ways to group radio buttons and checkboxes and not use that tag.
  • make it so users can click on the labels for the radio buttons and checkboxes. Don’t make them have to click on just a tiny button or box.
  • your page says age is optional but it must be filled in. Fix that.
  • you’ve made it so that users cannot see the comments/suggestions they enter
  • change the cursor to a pointer when hovering over the submit button
  • I don’t normally comment on someone’s design but this stands out. The title and description are hard to read. White letters on a white background is not so easy to read.
1 Like