Need help w/ Landing Product Page

1

Hello! I keep failing test #1 in the “layout section,” even though the webpage displayed clearly shows the navbar staying at the top of the screen. Any help would be appreciated.

2

Try moving the CSS from the ul to the nav. You might also need to set the top offset to 0 top: 0

3

My ul entry in CSS only had “position: fixed.” I removed the ul from CSS, but the navbar moved. so I put it back in. I then added "width: 100%, top: 0, left: 0. It still failed. I set the main div to top:0, same result.

4

You do not have a nav-bar class in the HTML, you have an id. The same goes for the header.

This CSS is not being applied to any elements, because the elements do not have those classes.

.nav-bar {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
}

.nav-bar a {
  position: fixed;
  text-align: center;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
}
5

That worked. Thank you!

6

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.