Grocery Delivery Survey Form - Feedback Please

This is my 2nd coding project.

Q: I’m not sure if the responsiveness is OK. Do I need to add media queries?
I was really struggling with how to format appropriate media queries for this project.

Any other feedback would be greatly appreciated.

Hi @Heidi_Hood, your form looks good. Some things you may want to revisit;

  • On using codepen. codepen only expects the code you’d put within the <body> </body> tags in HTML. (No need to include the body tags). For anything you want to add to <head> click on the ‘Settings’ button, then HTML and add it into the ‘Stuff for <head>’ box.
    • The link to your font would go in the box labeled ‘Stuff for <head>’
  • 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.
    • some things in the HTML section you should clean up (ignore the warnings about the cols and rows attributes. codepen uses an older validator and those two are no longer true
  • change the cursor to a pointer when hovering over the submit button
    I don’t normally comment on someones design but, don’t make your form container so small on smaller screens. Possibly make it a little wider on larger screens too. You description could use some padding on the sides

Thank you for the feedback @Roma. I will look at these items.