Feedback fcc-survey-form

Code Feedback
1

Hey there, I’d love to hear some feedback on my survey form.
Be mean :stuck_out_tongue:

My survey form project

2

Nice! I would make the project responsive so that it looks good on mobile and tablets. Great start.

3

I realized that after uploading it :see_no_evil:
I think it’s fixed now. It should look ok on mobile and tables…

4

Not bad.

  1. You have the wrong id on the “toomuch” radio input (id=“other” should be id=“toomuch”).
<div class="custom-control custom-radio">
	<input type="radio" name="timespent" value="toomuch" id="other" class="custom-control-input">
	<label class="custom-control-label" for="toomuch">It's the first thing I check when I wake up, the last thing I see before I go to sleep</label>
</div>
  1. I would like to see a bit more padding on the form, add the bootstrap utility classes “p-5” to the form.

<form id="survey-form" class="col-sm-12 p-5">

5

Thanks for that. :raised_hands:
I fixed the wrong id.
On the padding subject, I agree it looks better with more padding so I added more, but in a different way.

The bootstrap classes serve well but if I can avoid having ten different classes in one html tag, I prefer to do so. Also I added padding to the whole content (including the description).

I have to read more about that $spacer that is used in bootstrap, since that didn’t work for me (I don’t know where it comes from).