Project feedback and recomendations?

Hello, I just finished my landing page for the Responsive Web Design certification.
I would like to know what recomendations you could give me.

I know I need to combine colors better, I’ve been too much dark and gray in my projects and that’s been a challenge for me, so If you’ve got any resources about how to do that, I would appreciate if you let me know. Thanks.

Check Project here - https://codepen.io/Mikeavocado01/full/WNXPezr

It’s not a bad-looking page.

  • Add the test script to the page and make sure you are passing all the tests.
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
  • Maybe increase the font size a bit overall and make sure it never gets too small.

  • As for colors, maybe try to incorporate some of the colors from the image on the page. There are CSS color palette generators which can generate colors from images you can try. Or just use the color galleries to look for colors.

  • Create a bit more vertical space between the sections and give each section some more top/bottom padding. Just to let things breathe a little more.

  • I’d make the cards wider and put the button at the bottom. See if you can balance the content a bit vertically (space distribution). I would try flex or grid to get some help with that.

  • The footer layout seems a little off on the desktop layout.


Check the code for errors:

I would suggest switching the Syntax Highlighting on Codepen. It will help catch syntax errors.

Go to your Codepen profile settings. Under “Editor Preferences” switch the Syntax Highlighting to Oceanic Dark and save the setting. Go back to the pen and make sure your new setting is working, the code highlighting will be using different colors. If there are issues you should see code marked in red. That is the new Syntax Highlighting showing you where the problems are.

Press the down arrow to the right of the code boxes and select the “Analyze” option. You can also use a validator tool.


Good job, keep it up.

1 Like

Thank you very much! I really appreciate your answer!