Many thanks to FCC forum for helping me out on my very first project “build a tribute page”. I learnt so much while working on it. Now I am on my second project “build a survey form”. There are 2 things I am not able to understand and fix.
Alignment of radio button:- I am trying to get each option on different line. But not able to do so. What should I use to fix it.
Alignment of page for different screen types. My page looks good in full view but goes for a toss when the width is below 1050px. I tried fixing it using media query but not able to do so.
Give some styles to your form element :- specify the width, padding, margin, etc
After you give width to your form, make the width of your input fields to be 100% so that it’ll be same as the width of your form.
For your radio buttons, add a combined class to your radios and give width of 100% and text-align left…
use view port to make your form to cover full page.
There are some improvements to be made, so I’d suggest look take reference given by FCC on the survey form (don’t totally copy)…just use those ideas and do a lot of googling on how to build specific part of the page.
What you did was apply the style jwilkins.oboe gave you to each id in the input element.
You also gave that same style to each id in the label element but you skipped doing it for the Gynaecologist one. That’s why it’s off.