I got 17/17 on my survey form which is great, but it doesn’t look the way I want it to. So this newbie has some questions.
My survey form is here: https://codepen.io/JannekeK/pen/jOGXyVW
How do I center the Name, Email and Age labels descriptions, as well as the set of radio buttons and checkboxes, so that they align with the rest of the form? Right now I can get the content to align center and in a column, but the radio buttons don’t move with them.
How do I align the radio buttons and checkboxes so that they are above each other, in a column, instead of in a row like now?
How do I change the size of the input fields? I’d like to make them smaller and centered.
I applied a 10% border radius to the header area as well as to the form area, but somehow the header area doesn’t have the same rounded corners as the form. How do I fix this?
I suspect this has a lot to do with applying flexboxes properly but I’m clueless, despite going over the lessons again. Any help is greatly appreciated!