Feedback: Product Landing Page "Fox Creative"

Code Feedback
1

Hey there.

First time here on the forums.
Can I get some feedback on my product landing page?

1 Like
2

I would:

  1. Make the logo smaller
  2. Add the hover effect also on navbar links (Features, Example, Pricing)
  3. I would center the footer since the content is mostly aligned center.
1 Like
3

Beautiful Design! Nice work! good luck!

1 Like
4

Welcome to the forums @ImSpartan. Your page looks good. Something 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.
    • Your page passes 14/16 user stories. Click the red button to see which test(s) are failing and text to help you correct the issue.
  • Codepen provides validators for HTML, CSS and JS. Click on the down arrow in the upper right of each section and then click on the respective ‘Analyze’ link.
    • The one for CSS is good. Use it, there’s a duplicate selector you should be aware of.
    • (The one for HTML misses things which is why I recommend W3C)
5

Good suggestions, thanks!
I’ll give it a try and see how it looks

6

hi there!

I have included the test script and made the necessary adjustments to pass the 16 user stories.

Also fixed the errors on my CSS code.

W3C does show me some errors regarding the heading but since codepen has “Stuff for head” section on settings, I just ignored it.

Thank you very much! :slight_smile:

1 Like
7

Good job cleaning things up @ImSpartan.

Yes, when I tell people to use the W3C validator I let them know it’s okay to ignore the first warning and first two errors when copy/pasting from codepen.

1 Like