With the survey form, I tried doing a mobile-first approach for the first time. And for the tribute I did a desktop first. I’m not sure if my code is messy or not…
There are HTML syntax/coding errors you should be aware of and address.
Since copy/paste from codepen you can ignore the first warning and first two errors.
If you’ve filled out an on-line form then you may have noticed that the asterisk means the field is required. You have fields marked with an asterisk that are not required. This would be a confusing UX.
You force the user to select “jonathon joestar” in order to continue. This is a bad UX.