Unable to fulfill: "1. The navbar should always be at the top of the viewport."

HTML-CSS
1

Tell us what’s happening:
The first layout test does not pass.

Your code so far

CSS-Code:

header {
  position: fixed;
  top: 20px;
  min-height: 100px;
  min-width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: right;
  background-color: #eee
}

nav {
  font-weight: 800;
  top: 75px;
}

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/85.0.4183.83 Safari/537.36.

Challenge: Build a Product Landing Page

Link to the challenge:

2

Hi @mseibert.
Just apply:

 top: 0;
 left: 0;

to the header. And I have also noticed the html console is notifying you of an error in your html.

1 Like
3

Thanks. That helped.