Build a Survey Form2

Build a Survey Form2
0

#1

Tell us what’s happening:
Checkboxes are not starting from a particular position vertically. Also the text boxes are not vertically at a position. They are in a clumsy way. how to align them in as shown in this link https://codepen.io/freeCodeCamp/full/VPaoNP

My survey form is given by this link https://codepen.io/nohitha-reddy/pen/VBMqvy

Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Ubuntu Chromium/66.0.3359.181 Chrome/66.0.3359.181 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-projects/build-a-survey-form


#2

First use label tags for the checkboxes and radio buttons. After that you can create a responsive grid with two columns, one column occupied by the checkboxes themselves and the other by label, this way you can align all the checkboxes vertically.


#3

Here some quick and dirt solution to layout your form.
Hope it helps.

Happy coding.