Finish Responsive We Design Projects

Phew! Finally I finish responsive web design project.

Here my survey form and product landing page projects:
Survey Form
Product Landing Page:

Pages look good @pamela-sarnia. Some things to revisit;

survey form

  • Codepen provides the boilerplate for you. It only expects the code you’d put within the body element in HTML. (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.
    • Mentioning because you have elements out of order. Everything the browser renders would be in the body element. You have the footer element outside of it.
  • Run your HTML code through the W3C validator.
    • There are HTML coding errors you should address.

landing page

  • same advice on using codepen
  • run the HTML code through the W3C validator and clean up the coding errors.
  • When clicking on any links in the navbar the top of the section gets cut off. As you learn a little more perhaps come back and revisit that and correct it.

Thank you :slight_smile: I’ll fix them.