Survey Form Project - Beatles survey feedback

Hey everyone,
Hoping to get some feedback on my survey project.
Please have a look at let me know what you think, if you can.

https://codepen.io/battlelemon/pen/NWboeLx

any feedback is greatly appreciated!

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

  • Codepen provides the boilerplate for you. It only expects the code you’d put within the body element in the HTML editor. (No need to include the body tags). For anything you want to add to the <head> element click on the ‘Settings’ button, then HTML and add it into the ‘Stuff for <head>’ box.
    • For instance links to fonts go in the box labeled ‘Stuff for <head>’
  • Run your HTML code through the W3C validator.
    • There are HTML coding errors you should be aware of and address.
    • Since copy/paste from codepen you can ignore the first warning and first two errors.
  • Change the cursor to a pointer when hovering over the submit button
  • Make your page responsive. Remember, the R in RWD stands for Responsive
    • There’s a horizontal scrollbar on smaller screens, elements fall out of the container.

A couple of things to help with responsiveness;

  • Start with the narrow view (mobile) design first and then work your way wider, adding breakpoints where needed for the wider design.
  • Maybe add the following temporary global reset to help visualize how you have elements set up;
   * {
     border: solid 1px red;
   }

Roma, thank you for your reply… sorry about you having to repeat yourself in regards to the boilerplate.
Will work on the stuff you pointed out and thanks again.

1 Like

Hi,

It looks great but I don’t think you need a div element on the form itself between each question. That is what is causing the background colour to show in between each question.

Thanks,
Hannah

1 Like