https://codepen.io/GammaShark/pen/gOaQXyp

1

https://codepen.io/GammaShark/pen/gOaQXyp Hey Guys been trying to figure out the last question which is #Layout

  • 1. On regular sized devices (laptops, desktops), the element with id=“navbar” should be shown on the left half of the screen. It should always be visible to the user and should remain stationary. You may need to enlarge the viewport or zoom out to ensure the navbar doesn’t scroll with the page content. Been stuck for a few hours so any help is greatly appreciated

2

Welcome, Gamma.

If you have a look at the example project, you can get an idea of what is expected:
https://codepen.io/freeCodeCamp/full/NdrKKL

Hope this helps

3

i might be missing something cause im trying to figure out how i can use it to fix mine. cause ive been trying everything for hours

4

Include the testing file from CDN in your pen. That’ll show you the errors.

Link is available on the project page.

5

i already did that and thats the question im asking, where i went wrong in order to complete it. Been stuck on the last answer

6
  • Keep the test script when forking the pen (<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>).
    • The test script should be included, with all tests passing, when you submit your projects.

The failing test also says;
Top of bounding rectangle is not correct.: expected 237 to be below 110

Looking at your page there’s a block that contains your nav links and everything in your main sections spans the width of the entire page.

7

Well what you have to do is allot left half of the viewport to navbar and other half to the content.

The navbar should not scroll while scrolling the content.