Product Landing Page, Design and Responsiveness Feedback

Hello all! I’ve finished putting together the Product Landing page for the HTML/CSS Cert, and am interested design responsiveness feedback. Any suggestions to improve the project are appreciated.

Thank you.

Hey there!

On codepen, you will need to verify your email address with them so others can use the full page viewing option when looking at your projects.

I like the color scheme but for me the text is a little hard to read. So maybe you could mess around with the line-height or font-size a little bit.

Happy coding!

1 Like

Hey there,

nice to meet you! :wave:

Great job so far! :clap:

My ideas:

Overall I like your site. :+1:

Keep up the great work,
looking forward to seeing your next steps! :slightly_smiling_face:

1 Like

Your page looks good @Dakforest. Some things to revisit;

  • Keep the test script when forking the pen (<script src=""></script>).
    • The test script should be included, with all tests passing, when you submit your projects.
  • 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.
    • The link to the font goes in the box labeled ‘Stuff for <head>’
  • Do not use the <br> element to force line breaks or spacing. That’s what CSS is for.
1 Like

Thank you very much! I’m new to Codepen, and I just stumbled on the ‘Stuff for .’