Fixed navbar, always visible to the user

Hi guys,
I’m trying to do the “Build a Technical Documentation Page” challenge. But I can’t get #12 right
“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.”
I don’t know what I’m doing wrong, I’ve fixed the position and put left:0; to keep it to the left. Hope someone can help me see what I’m missing or doing wrong.
Here is my code:

#nav-bar{
position:fixed;
  height: 100%;
  top:0;
  left:0;
  overflow: hidden;}

Add some width to it, remember to add so it won’t take whole viewport.

You can actually use grid. It’s worth a try.
If any problems comes use the forum or re-read the challenge.

@benteaanestad, you’re styling #nav-bar but your HTML code has <nav id="navbar">

See why it’s not working?

1 Like

Yes!! You’re right! It works now. I had a feeling it was a tiny typo, but I couldn’t find it! :smiley: Thank you so much!

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