Portfolio text nav bar not at top

last thing i need to pass but no clue where i messed up in my code any help is appreciated setting NavViewport

  **Your code so far**
<img src="https://1.bp.blogspot.com/-QIxSOXsEw7E/VmrytEhI8pI/AAAAAAAALoo/Iy0WgbWAiY0/s1600/10.1.jpg"
     alt="Tardis in Space"
     id="banner" 
     width:"300px";>



<nav id="navbar">
    <a href="#about">About</a>
    <a href="#projects">Projects</a>
    <a href="#social">Social</a>

</nav>

WubbaLubbaWelcom

My name is Ricky

I am a working to become a Developer

Thank you for taking the time to check me out will have more work to show every week!!

Projects

Projects Passed
Github

SocialMedia

You can find me on...

  • https://www.freecodecamp.org/narutoleo

made withRick

CSS

#header {
positon:fixed;
top:0px;
width:100%;
}
#banner {
max-width:100%;
height:50%;
}

@media only screen amd (max-width: 440px)

header {
positon:absolute;
top:0px;
width:100%;

height:2vw;
padding:25px 0px;



display:flex;
justify-content:space-between;
align-items:center;

background-color:black;
opacity:0.7;

z-index: 5;

}

  **Your browser information:**

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

Challenge: Center an Element Horizontally Using the margin Property

Link to the challenge:

  **Your browser information:**

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

Challenge: Center an Element Horizontally Using the margin Property

Link to the challenge:

Hi. Your code works fine on my end. Try refreshing the page or resetting the challenge.

1st post messed up no loading code