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! 
Great job so far! 
My ideas:
-
all tests pass, awesome!
-
HTML validation and CSS validation show no errors!
-
when I decrease the width of my browser, the content gets squeezed:
-
on my wide screen, I’m having a hard time to read some content, because some lines are very long, font size and line height are rather small:
Overall I like your site. 
Keep up the great work,
looking forward to seeing your next steps! 
1 Like
Your page looks good @Dakforest. Some things to revisit;
- Keep the test script when forking the pen (
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></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
bodyelement in HTML. (No need to include thebodytags). 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 .’