Product Landing Page - Build a Product Landing Page

Tell us what’s happening: The last three tests appear as X on freecodecamp’s site but when I try on codepen using the testable projects js script, I get a 16/16 ( the navbar, css flex and media query tests).

Below is the link to my codepen

https://codepen.io/mehditb/pen/LYBWNJB

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36

Challenge: Product Landing Page - Build a Product Landing Page

Link to the challenge:

you have to make the project work on the fcc site.
That means you must include (for example) a link element to the CSS file (something you don’t need for the codepen but you need for the tests on fcc).

You can use the browser developer tools to investigate why the nav-bar is not located at the top but one possible quick way to do it to make sure you have a fixed display with a top property set to 0.

The solution was to add a link tag in the beginning on the HTML code linking to styles.css. I figured that was useless since the CSS was actually showing its effect on the HTML.
Go figure…Thank you again for your help!

1 Like