Product landing page nav bar

Project Feedback
#1

Tell us what’s happening:
I am having trouble getting my nav bar to fill the top of the page.

Your code so far

#nav-bar{
  position: fixed;
  display: flex;
  flex-wrap: wrap;
  top:0;
  left:0;
  background-color:#A0522D;
  max-width:1550px;
  width: 100%;
  height:90px;
  justify-content: space-between;
  align-items:center;

}

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

Link to the challenge:
`https://codepen.io/Jethrope/pen/qvZKqW

#2

It will be helpful for us if you share a link to your demo.

You can preformat your link by clicking on an icon on the editor since you are new.

#3

I just reedited my post, It won;t let me post my link cause this is my first time posting.

#4

I see your navbar is top of the page already.

#5

I wanted to make it so my nav bar covers the top of viewport.

#6

It is covering the top of the viewport.

image
image1429×558 178 KB

#7

Strange whenever I try to view it shows that its not covering a portion of the view port. Could it be my browser?

#8

Try using Chrome if you aren’t.

#9

sorry I should have said i was using chrome already.

Update: i figured out why it was doing that.
I set it to a max width of 1550 px with a width of 100%. I erased the max-width and it fixed the problem.
Thank you for your help.

#10