I’ve created my survey page and would really value getting some feedback! https://codepen.io/greenoid/pen/rPBWXm
The styling is very similar to the example given (https://codepen.io/freeCodeCamp/full/VPaoNP) - I didn’t just look at the code but instead wanted to challenge myself to recreate it and then change a couple of things (for example when you check the “Other” checkbox a text input appears so that you can specify)
The main aspect I’ve not been able to re-create is to make the form as responsive as the example. Specifically, when the example is resized the form layout changes so that the inputs move below the labels. I presume this is just a media query but I couldn’t figure out how to make this work when using CSS Grid - I think maybe I’ve implemented grid in a weird way?
Keen to hear any feedback, particularly around making my form accessibility friendly!
Many thanks in advance.