User Story #13: The navbar should always be at the top of the viewport. how can i do this?

HTML-CSS
1

Tell us what’s happening:
Hello I don’t know how to make the navbar to be always on the top. Here is my code https://codepen.io/icordero/pen/abBYmNW Any help would be appreciated.
Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.190 Safari/537.36.

Challenge: Build a Product Landing Page

Link to the challenge:

2

Hello @lic.icordero ,

there are various things on how you could approach that.
I would recommend, for a really simple solution, to have a look on the positions property. Position: fixed; should work in your case. Other than that you should add a padding on the section to have a white background under the navbar.

I believe you wanted to use the .container to wrap around your section? Currently the container div is not doing anything.

3

When test fail click the red button to see which test(s) are failing and text to help you correct the issue.

  • Be sure and read more than just the first line of the failing message. The ability to read and comprehend error messages is a skill you’ll need to acquire as a developer. Ask questions on what you don’t understand.
4

Thanks!!! I tried adding position: fixed in the nav, but it didn’t resolve the problem.

5

Thanks. I read it but im new with coding, i don’t understand what is the problem with the page.

6

I found the solution here:

thanks!

1 Like
7

Good job on researching and finding what you were looking for.
You learn more when you research and find what you’re looking for because it gives you a deeper understanding. Much more so than having someone say, “do this to fix it”.

8

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