Cafe Survey Form feedback!

https://codepen.io/edensa94/pen/eYJJKLP
Thank you so much and take care!

Congratulations on completing your first project. I think it is nice. The only suggestions I have are

  • possibly updating your styling so information is radio buttons and check boxes are aligned on the left instead of being centered (so it’s more uniform)
  • possibly increasing your text box widths to be the same size
  • Check the formatting of your text area. If the browser is under about 1,000px you can see that the box isn’t centered. Also, if you reduce the browser smaller than about 980px the box spills outside of the form’s borders.

The first two are your personal preference so feel free to ignore those.

Welcome to the forum @chris.3. Form looks okay, 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 are HTML coding errors you should address.
  • User’s should be able to click the label to select, not just the radio button / checkbox
  • Don’t use <br> to force line breaks or add space. That’s what CSS is for.
  • Change the cursor to a pointer when hovering over the submit button.
  • In your body declaration you have font-family: calibri, indie flower;
    • I don’t have Windoze so I don’t have ‘calibri’. Your fallback font is 1) spelled/called incorrectly and 2) you neither link nor import it so it cannot be called
      A fallback font should be something generic like serif or sans-serif