Product Landing Page! Feedback

Your page looks okay on desktop only @emilymeredith. Some things to revisit;

  • When using codepen it only expects the code you’d put within the <body> </body> element 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.
    • I mention this because everything in the HTML section should be within the body element but you’ve got opening and closing body tags thrown in haphazardly. Get rid of them.
  • Run your HTML code through the W3C validator.
    • Since copy/paste from codepen you can ignore the first warning and first two errors.
    • Coding errors you need to clean up.
  • When clicking links in your navbar the top of the section is hidden beneath the navbar. Take this into account and add some padding to the top.
  • You need to make your page responsive. It falls apart on smaller screens