Build a Product Landing Page (header Problem)

Build a Product Landing Page (header Problem)
0

#1

When i am trying to fix the header its not working as supposed to… Please Help!!!
my code is not complete but I want to fix the header problem first.

Your code so far


Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.3; 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

Just give your header a 100% width,
But the error says some other problem,

  1. Use media query atleast once
  2. Use flexbox atleast once

#3

Thanks for the response

I already tried to make the width 100%. The main problem is that it is overlapping my section element.
any suggestion how to fix that.

PS : I can pass the test with this code but it is not the way it should be I want to make it appealing.


#4

Your entire page starts with the container having the id #gap, give it a padding-top which equals the height of the navbar ( 115px i think )

Edit: Before that, clear the default margin and padding of the ul and h1 elements inside the header and then give the #gap a padding-top equal to the header height


#5

Thanks a lot seems to fixed it. I gave #gap to move the whole page but was confused with what property to be used.
Your response fixed it and gave me what I was missing.
Thanks A Ton.