Tech Documentation Page - not passing user story #14

Even though the navbar does stay on the left and is always showing, the test does not pass user story #14. I used CSS grid and I suspect that has something to do with it. Please advise. Thank you.

The test is actually testing more than it should. It is only supposed to be testing that your nav is no more than 10px away from the left side, but it is actually checking from the top also.

To get your solution to pass, I had the make the following changes. Most had to do with the margin. But also, the top property in #navbar had to be 10 or less pixels.

main{
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 4fr;
  grid-template-areas: 'nav body';
}

You have two #navbar definitions which you should combine into one as follows:

#navbar {
	position: sticky;
	top: 10px; /* highest value possible */
	height: 0px;
    margin: 2px; /* highest value possible */
    padding-top: 20px; /* added to create space from top */
}
1 Like

Rockin! Thanks Mr. Dawson!