Build a Product Landing Page Media Query and Nav-link issues

Build a Product Landing Page Media Query and Nav-link issues
0

#1

Tell us what’s happening:
I am having a problem passing the user story #5 and #14.

#5 as far as i can tell i should be passing. my nav links move the page to the appropriate sections once clicked.
#14
same as above. I have written the @media Query into the CSS file and I’m still not passing.

Help Please.

Your code so far


Your browser information:
Chrome

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

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-projects/build-a-product-landing-page


#2

5. When I click a .nav-link button in the nav element, I am taken to the corresponding section of the landing page.’ Try to make the <a> tags have the id of each section. I do not see it necessary to use <ul> list. For example, <a id=“mysection”>


#3

2. My product landing page should have at least one media query : It seems to me that you are not properly applying @media. Review the correct way to apply it:

@media <media-query-list> {
<group-rule-body>
}

More information:


#4

Thanks! these pointers took care of my issues.

DamianBao