Your #nav-bar should always be at the top of the viewport.
Failed:24. Your Product Landing Page should use at least one media query.
Failed:25. Your Product Landing Page should use CSS Flexbox at least once.
Your code so far
<!-- file: index.html -->
/* file: styles.css */
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36
Challenge Information:
Product Landing Page - Build a Product Landing Page
Please update the message to include your code. The code was too long to be automatically inserted by the help button.
When you enter a code, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.
You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.
I found two recent threads on the product landing page stage, but I decided to reply to this one, no specific logic on why. I am encountering a completely different problem with the same task. I can’t include the code, it says the code includes too many embeds.
When I press the button to run the tests it says condition 9 " 9. Each .nav-link element should have an href attribute." doesn’t apply, but condition 10 " 10. Each .nav-link element should link to a corresponding element on the landing page (has an href with a value of another element’s id. e.g. #footer )." does apply.
So the page recognizes that the each nav-link has an href linking to another element in the page, but it doesn’t recognize that each nav-link has an href at all at the same time. Which is it? This seems to me like a bug.
