Survey form - dog vs cat

https://codepen.io/tokke/full/XLJGZo

I didn’t have any inspiration on what to go for. I like the colors and style.
I used display: flex just for the fun of it. I’m really amazed how easy it all got compared to a few years ago.

Hi @jefpattat, it’s plain but you knew that. Some things you may want to think about and revisit;

  • codepen provides validators for HTML, CSS and JS. Click on the down arrow in the upper right of each section and then click on the respective ‘Analyze’ link. There’s a few things in HTML you may want to look into.
  • add some spacing between the dropbox and radio buttons and checkboxes. They’re all too close together. A little line height wouldn’t hurt.
  • make it so the user can select the labels, not just limit them to having to click in the radio button/checkbox
  • change the cursor to a pointer when hovering over the Submit button

Thx for your reply! I’ll update with what you told me!

And it’s update.

So I didn’t know about the codepen analyze tool. Thank you!
The spacing does help.

Thank you for your help!

1 Like