Having trouble with Product landing page tests

1

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

2

check the logs bro, it shows what u miss

wqeqwewq
wqeqwewq1503×697 43.6 KB

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

3

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>
      <a href="#middle" class="nav-link">
        <li class="nav-items">Go to Middle</li>
      </a>
      <a href="#bottom" class="nav-link">
        <li class="nav-items">Go to Bottom</li>
      </a>
    </ul>
  </nav>

/*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

4

bro, thats not my project lol

5

your given link redirect me to it lmao

1 Like
6

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

7

lets try this again lol second times a charm?

8

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

9

well, first, thank you very much for the effort, ill try it just typed in here
https://codepen.io/MOgden1185/pen/XWrLpEg
maybe this will get you there

10

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
11

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