Need some help with Technical Doc page

Code Feedback
1

I can’t seem to get layout test 1 to pass. Help would be greatly appreciated thanks! Here’s the CodePen The CodePen

2

Mh, the problem is this:

AssertionError: Top of bounding rectangle is not correct.: expected 116 to be close to 0 +/- 10

This is the distance from the top of the page I guess…just for testing purpose:

  • Take this snippet:
 <div class="header-info">
      <h1>JavaScript<br> Documentation</h1>
    </div>
  • Cut it from before the nav element and paste it after the nav element; when you’re done the initial part of the header will looks like:
 <header class="heading" id="header">
    <nav id="navbar">
      <header>JavaScript Documentation</header>

and the final part

    </nav>
    <div class="header-info">
      <h1>JavaScript<br> Documentation</h1>
    </div>
  </header>
  • Remove margin-top: 1em; from the nav css,

Now the test should pass; obviously this doesn’t make a lot of sense so you should rethink a bit your nav layout but I hope you got what the test is looking for^^

3

Thanks, really appreciate it . Was thinking I would have to redo it.

1 Like