You form looks good @raven666. Some things to revisit;
- Run your HTML code through the W3C validator.
- There are HTML coding errors you should be aware of and address.
- Since copy/paste from codepen you can ignore the first warning and first two errors.
- User’s should be able to click on the label to toggle a selection, not just the radio button / checkbox. (checkboxes are okay, radio buttons are not)
- Change the ampersand to the HTML entity to be compliant with the reserved characters standard.
The above you should take care of. The following are suggestions.
- it looks odd on desktop view with the title centered and the form hanging on the left
- maybe think about using
fieldset for the radio buttons / checkboxes. I understand your grouping like questions but you’ll get more styling control over them
- the labels dangling below their respective radio buttons / checkboxes looks odd and not such a good UX