Struggling with layout test #1 on the Technical Documentation challenge

I’ve passed all the other tests but I can’t seem to complete the #1 layout test
“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.”

The navbar doesn’t move with the rest of the page and it stays on the left visible at all times. Clearly there’s a tiny snippet of code I need to pass but I cannot figure it out. Please let me know if you need to see any of the code.

Any help is appreciated!


Hi @callum_nichols

Welcome to FCC.

Can you please provide a link to your project so that we take a look at it?

Hopefully you can see that :slight_smile:

You have two elements with the id navbar. Try removing the id attribute on the div element nested within the nav element. And move the sidebar class from the div element to the nav element.

I hope that helps.

Ah, yes it worked! Thank you so much - total oversight by me.

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