Survey form feedback, question

Hello, I just made survey form. What do you think about it? I made in button this:

min-width: 70%;
max-width: 70%;

Can I do that?

https://codepen.io/des3000/pen/mdeBWpm

1 Like

Hi there,

If the width is going to be fixed at 70% then you only need width:70%.

What about design and code? Clear and nice enough design?

1 Like

I don’t have a good eye for design but I’ll try anyway.

  1. The font size of the text inside the submit and reset button is a bit small.
  2. Repeating point 1 - the font size of the name, email, and age inputs are also a bit small.
  3. Is answering “What’s your favourite hobby of these?” optional? If it’s not optional, maybe you can add the required to one of the inputs for validation. Or maybe, add a “None of the above” option as a default.

Anything else seems fine in my eyes. Most validations are in place. And the flow for answering the form is clear.

Hopefully my comments are helpful.

1 Like

Thank you, I will fix this :smiley:

1 Like

No worries, keep up the good work :smiley:

1 Like

Your form looks good @des3000. Some things to revisit;

  • Run your HTML code through the W3C validator.
    • Since copy/paste from codepen you can ignore the first warning and first two errors.
    • There’s an error that you should be aware of and address.
  • When you embed the font it showed you the CSS rule to use; font-family: 'Lato', sans-serif;
    • I’m not sure if all browsers would pick up lato correctly
  • change your cursor to a pointer when hovering over the buttons
1 Like