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
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.
I just reedited my post, It won;t let me post my link cause this is my first time posting.
I see your navbar is top of the page already.
I wanted to make it so my nav bar covers the top of viewport.
It is covering the top of the viewport.
Strange whenever I try to view it shows that its not covering a portion of the view port. Could it be my browser?
Try using Chrome if you aren’t.
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.