Fixed #navbar in Portfolio exercise not accepted

[chrishetherton]

The Test is not passing my code for the top fixed #navbar.
‘’’

#navbar {
    background-color: rgb(179, 58, 58);
    height: 7rem;
    text-align: right;
    padding-top: 2rem;
    position: fixed;
    width: 100%;
}

‘’’

Link to the files are here: GitHub - Itanglish1/personal-portfolio-exercise: Final test for Free Code Camp responsive Web Design Project .

I might have something not working with the rest of the code.

Exercise is at the time of writing, not finished and missing queries.

I have opened a request on GitHub but I was sent over here to see if it can be fixed, or it’s a website issue.

Thanks

[Cryptic_X]

@chrishetherton

#navbar {
    background-color: rgb(179, 58, 58);
    height: 7rem;
    text-align: right;
    padding-top: 2rem;
    position: fixed;
    width: 100%;
}

Have you set the top margin to 0?

[JeremyLT]

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

[Cryptic_X]

Note: In your html you linked the css using a file name of style.css

<link rel="stylesheet" href="style.css" />

When you paste the code into freecodecamp make sure to change the file name of the link element to styles.css

Update:
When I change the link element’s href to styles.css, the navbar remains at the top, But you dont seem to have any media queries?

[chrishetherton]

@Cryptic_X I have done a soft reset :

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

Haven’t finished the exercise yet, so no media queries yet

[chrishetherton]

@JeremyLT
Thanks for the tip

[Cryptic_X]

I think the problem is with the link element, ok?
Can you see your css effects in the preview.

[Cryptic_X]

[chrishetherton]

WOW, POOF!

Mind blown, one letter and it is all fixed!!! It was how the css file was linked

Thanks