Survey form can't align label with css grid

HTML-CSS
1

I am trying to create a responsive survey form using css grid,but I can’t seem to align the checkbox label and radio label with the input.
Here is my code https://codepen.io/James_z/pen/wxERXK

I want it look like this and change to two columns when the device width is big enough(all label and p on left except checkbox and radio label)

Any help will be greatly appreciated :grinning:

2

You can refer this

1 Like