Radio and Checkboxes functionality

HTML-CSS
1

Hi everyone, this is my work so far but it still needs a lot of work.
Right now I can’t figure out why the buttons are not aligned with each of its id’s. the buttons seem to be stationed only in the center. I’m not sure if it’s like that because of the different paddings put in place.
And also the drop down menu looks weird. Any suggestions on how I can make it look reasonable?

Thank you,

https://codepen.io/shaniakond/pen/wvzzMpN

2

Html hints:

<label>   ...  </label>
<input type=" ">
<br> <!-- break and go to next line - use on radio buttons -->

Css hints: - whats this doing?

#survey-form input{
  width: 100px;
  padding: 8px;
}
1 Like
3

1: Thank you for responding!
I will try the
and see to it.

2: There was also the problem with the inputs size and that kind of helped. Try removing it and then see for yourself. maybe you’ll see what the initial problem is.

thanks,

4

There are looking ok now. However your form maybe needs a bit of padding.
Also you can use
to place each radio/checkbox in its own line, well if you like.

1 Like
5

Thank you for your help. I appreciate it. it looks good now!