Having trouble with Product landing page tests

Ok, Im working on the product landing page project, I’ve got 14/16 tests passing. the two that aren’t passing are nav bar at top of page and embedded video. Now, my bar is at the top and my video will even play in the editor, im not real sure what’s going on. any help would be appreciated.this is my codepen of the project

check the logs bro, it shows what u miss

problem 1: you forgot to add id “main” on body,

ok, I’ve cleared up the video problem, had id assigned twice without realizing it. :crazy_face: as for the navbar im at a loss, this is what im getting:

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

#header or one of its children should be at the top of the viewport : expected 52.42499923706055 to be close to 0 +/- 15 AssertionError: #header or one of its children should be at the top of the viewport : expected 52.42499923706055 to be close to 0 +/- 15

this is my code for said section:

<!--Creation of Nav Bar-->
<header id="header">
  <div id="top"></div>
  <nav id="nav-bar">
    <ul id="nav-list">
      <a href="#top" class="nav-link">
        <li class="nav-items">Go to Top</li>
      <a href="#middle" class="nav-link">
        <li class="nav-items">Go to Middle</li>
      <a href="#bottom" class="nav-link">
        <li class="nav-items">Go to Bottom</li>

/*Nav Bar styling*/
#nav-list {
  list-style-type: none;
  margin: 0;
  padding: 0, 0, 25px, 0;
  overflow: hidden;
  background-color: steelblue;
  position: fixed;
  z-index: 5;

.nav-items {
  float: center;
  color: goldenrod;

.nav-link {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 5px 5px;
  text-decoration: none;

.nav-link:hover {
  background-color: beige;

thanks for the response

bro, thats not my project lol

your given link redirect me to it lmao

1 Like

figures, im having one of those kinda nights :sleepy:

lets try this again lol second times a charm?

i dont know if its bug, but it still redirect me to the same project

well, first, thank you very much for the effort, ill try it just typed in here
maybe this will get you there

but based on the logs, try transfer the positioning styles of #nav-list to #nav-bar

#nav-bar {
   position: fixed;
   top: 0;
   left: 0;
1 Like

oh dear sweet fluffy baby jesus, that worked. alright brother, thanks a million, i was about to pull my hair out. moved position up to nav-bar and added top and left and now theres no issues. thanks again