Fcc: Survey Form feeedback

Feedback needed for survey form
Link - https://codepen.io/sxnaprkhr/full/bjQBNV

Also, it would be helpful if someone would tell me how to separate text from the checkbox when the screen width is below 400px.

https://imgur.com/ggexQPC and https://imgur.com/GuOvIm8
Hopefully, you will get it.

@camperextraordinaire looked into that?

Thank you for that solution, I updated my pen with that and also changed the “value” attributes. I may have copied previous labels of the checkbox which had a value of “Definitely” in them. But I’ve updated those values.

Also, I would say that both of these work in the same way. If you click on the text, the respective checkbox will be checked.

<li>
  <label>
    <input type="checkbox" name="future" value="Definitely"> Front-end Projects
  </label>
</li>
<li>
  <input id="front-end-projects" type="checkbox" name="future" value="Front-end Projects">
  <label class="check-box-label" for="front-end-projects">Front-end Projects</label>
</li>