Technical Document Page FCC

Hello all!

I am having trouble passing one test on this Tech Document.

“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.”

This is the error I keep receiving even though I am pretty sure my navbar is fixed to its position.

If anyone knows of a solution, please let me know!

1 Like

No, it’s not fixed.

Add the following code and you’ll see the beautiful green 16/16 showing up on your screen

#navbar {
  position: fixed;
}
3 Likes

Thank you! I can’t believe I didn’t see that!

It’s okay. It may happen to anybody.

Good Luck & Happy Coding.

hello campers. i am having thesame problem please.

. 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.

1 Like

Add #navbar {position: fixed} to CSS, make sure header in navbar is not centered

Hi all … Please help

i have position the #navbar fixed by css and also its left side of the screen while its on desktop … but still show the same error any one please help

thanks a lot


Hello!

I show that you are passing all tests.

In the future, don’t be afraid to make your own forum post if you have questions that aren’t answered by another post. :slightly_smiling_face:

thanks god i don’t know why it was showing that error last time …

thank you too … for your time :slightly_smiling_face: :slightly_smiling_face:

1 Like

I face the same issue with the nav-bar - I try again and again, but nothing is working. Can you help me fix it?

Hello campers am having issues finishing my technical documentation on

  1. On regular sized devices (laptops, desktops), the element with id=“navbar” should be shown on the left side of the screen and should always be visible to the user.

Hey campers. I’m having the same issue as everybody else. It keeps saying:

  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.

Here’s my code: