Feedback Please: My take on survey form

Code Feedback
1

Hi all.
I’m at the beginning of my (hopefully lifetime long) coding journey, I’ve been coding for about a month now.
This is my take on the survey form challenge.


I’ve would like to get some feedback from you guys.

I have noticed a few mistakes, but don’t know how to fix them.
First is, my radio and checkbox buttons are not in the same line with the text. Any suggestions on how to fix that?

The next thing I’ve noticed is when I click to submit and leave required fields empty code don’t warn that field is empty.

2

Hey there,

nice to meet you! :wave:

Good job so far! :clap:

My ideas:

  • you can add tests by adding <script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script> to the top of your HTML box and select Survey Form: Screenshot_2020-08-22_08-06-17

  • you can get a code validation:

    • HTML validation
    • CSS validation
    • you will see some small errors, that’s totally normal; try to fix them from top to bottom, I think you are able to fix them! :+1:

  • you can increase the overall readability of your page by adding some more spacing, e.g. between the different questions; you can read more about it in principles of design

  • when I decrease the width of my browser, the content gets squeezed like mcgregor’s neck the other day; responsive design is important for people who read your page on a smartphone:
    Screenshot_2020-09-26_09-31-57

I think it makes sense to clean up this “bigger” stuff and then come back and try to solve the small stuff, like getting your checkboxes in line etc. :slightly_smiling_face:

Keep up the good work,
looking forward to seeing your next steps!

1 Like
3

@LearningToLearn26, in addition to the above feedback something else to revisit;

  • User’s should be able to click on the label to toggle a selection, not just the radio button / checkbox.
1 Like