Nav link button

Replace what you have with this.

#header {
  position: fixed;
  top: 0;
  width: 100%;
}
.topnav {
  position: fixed;
  top:0;
  right:0;
}

Your opening tags on the section elements are not closed correctly.

You have this:

<section id="features"</section>

They should to look like this

<section id="features"></section>

And you are still not using them like you should. Each of the sections should be a parent for the content for each part of the page.

So you would wrap the page content like this:

<section id="features">
  <h1 class="heading">The Google Pixel 3a.</h1>
  ...rest of content until
  <img class="center-fit" id="phoneimage" src="https://designketchup.com/wp-content/uploads/2018/11/pixel_3_xl-1024x768.jpg" width="1800" alt="googlepixel3apic"/>
</section>

<section id="tech">
  <h2>The camera that does the work for you.</h2>
  ...rest of content until
  <img id="googlepixel3aimg" src="https://www.unboxingtreatment.com/wp-content/uploads/2019/05/Google-Pixel-3a.jpg" width="1800" alt="googlepixel3aimg" />
</section>

<section id="buy">
  <h2>Peace of mind built in.</h2>
  ...rest of content until
  <p>Automatic security and OS updates will make sure that your phone is protected against the latest threats.</p>
</section>

<section id="contact">
  <form id="form" action="https://www.freecodecamp.com/email-submit">
  ...rest of content until the end of page
</section>

@Iasjorg thank you, I have tried this:

#header {
  position: fixed;
  top: 0;
  width: 100%;
}
.topnav {
  position: fixed;
  top:0;
  right:0;
}

But how do I set it so that it stays on the right side not to the left please?

@Iasjorg I have managed to do this and make it stay to the right:

#header {
position: fixed right;
top: 0;
width: 100%;
}

.topnav {
  position: fixed;
  top:0;
  right:0;
}

This is what I did I positioned the #header fixed right, and kept the rest the same, but its still not passing the test.

try also using the Analyze HTML instrument given by CodePen, you have a pletora of errors:

HTML Options
HTML Inspector warnings:
The 'alt' attribute is required for <img> elements.
'<' is not a valid attribute of the <img> element.
'div' is not a valid attribute of the <img> element.
'<' is not a valid attribute of the <section> element.
'section' is not a valid attribute of the <section> element.
'<' is not a valid attribute of the <section> element.
'section' is not a valid attribute of the <section> element.
'<' is not a valid attribute of the <section> element.
'section' is not a valid attribute of the <section> element.
'<' is not a valid attribute of the <section> element.
'section' is not a valid attribute of the <section> element.
<style> elements inside <body> must contain the 'scoped' attribute.
The <center> element is obsolete and should not be used.
The <center> element is obsolete and should not be used.
':allowfullscreen' is not a valid attribute of the <iframe> element.
'allow' is not a valid attribute of the <iframe> element.
The 'frameborder' attribute is no longer valid on the <iframe> element and should not be used.
The <center> element is obsolete and should not be used.
The 'alt' attribute is required for <img> elements.
'googlepixel3apic"' is not a valid attribute of the <img> element.
The <center> element is obsolete and should not be used.
The <center> element is obsolete and should not be used.

for CSS at one point you have this line: border: 2px; #585757;;

@ilenia thank you, still cant pass the test on this:

The navbar should always be at the top of the viewport.

Here is my code: https://codepen.io/LauS1020/pen/ZdZXRX

I cant find what I need to add or delete.

Have you tried making sure all the css and html pass the validator? Sometimes it is also that

Whats the validator please? I just run the test and it passes all just not the the navbar should always be at the top of the viewport, but not sure ws the validator is how do I do that please? Thank you.

There is an arrow in the html box in code pen, click there and chose “html analyser” it will give you the error list I posted above

Your html is a bit of a mess: this doesn’t have sense:

</body>
  </html>
</header>

This is not valid CSS position: fixed right; it is breaking the fixed position, which means you fail the test for the fixed nav.

You can replace all of this CSS…

#header {
position: fixed right;
top: 0;
width: 100%;
}

nav-bar {
  position: fixed
    */top; 
}

.topnav {
  position: absolute;
  top:0;
  right:0;
}

.topnav {
  background-color: ;
  overflow: hidden;
}

…with the CSS I already posted. If you do it correctly the nav will be placed on the right side and you will pass the test.

You really do need to fix your HTML, you still didn’t fix the issues I pointed out.