Aligning check box and radio button

Tell us what’s happening:
Describe your issue in detail here.
Passed the tests but I can’t seem to placed the radio and check button in an orderly fashion.
https://codepen.io/muubaraq/pen/rNypRqX
Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.77 Safari/537.36

Challenge: Build a Survey Form

Link to the challenge:

You can revisit this lesson to help you group your radio buttons and checkboxes and then style from there.

One other thing, do not use the <br> element to force line breaks or spacing. That’s what CSS is for.

Hope that helps.

Thank you. Will check it out

You can also take a peek at the example project code and see how the grouping is done in that. It’s fine to look, just don’t copy the code.

ok. Thank you for this. Much appreciated. I was feeling a bit awkward about checking out the code. :expressionless:

can you check it out for me again? still having a hard time with lining up the checkboxes and radio buttons
https://codepen.io/muubaraq/pen/rNypRqX

Try nesting the checkbox and radio inputs inside their labels.

<label>
  <input type="radio">Some label text
</label>

i have gotten it! Thanks for this. It helped.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.