Aligning check box and radio button

HTML-CSS
#1

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:

#2

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.

#3

Thank you. Will check it out

#4

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.

#5

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

#6

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

#7

Try nesting the checkbox and radio inputs inside their labels.

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

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

#9

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