Help with CSS Changes to my Survey Form

[clairecanyon]

I’m working on building the survey form for the responsive web projects. It’s passed all the tests but I can’t get it to look the way I want. There are two challenges:

1. I can’t get the radio buttons to be inline with their labels.
2. I can’t extend the background color of the form to cover the whole form using <div id="background>

Any help is much appreciated!

This is my codepen link: https://codepen.io/clairecanyon/pen/gOozYBa

[raven666]

check widths and heights on inputs and form.

@clairecanyon

I can’t get the radio buttons to be inline with their labels.

You have 100% width on inputs, so it’s impossible to get inline with the label. There is no free space.

@clairecanyon

I can’t extend the background color of the form to cover the whole form using <div id="background>

your form has a 30px height, so its parent div can’t grow and use all the space. you still can see all inputs because the overflow property, but actually your form has 30px height.

[clairecanyon]

Thank you so much! I figured it was something simple I overlooked.