Your #nav-bar should always be at the top of the viewport

Responsive Web Design Projects - Build a Product Landing Page

I’ve been stuck at this point, I don’t know how to solve it and I tried it in many ways

the nav is supposed to always be on top, I manage to get it to stay but frecodecamp doesn’t accept it

html

<div id="nav-bar">
            <img id="header-img" src="img/product-landing-page-logo.png" alt="" >
            <nav id="">
                <a href="#feature" class="nav-link">Feature</a>
                <a href="#video" class="nav-link">How It Works</a>
                <a href="#pricing" class="nav-link">Pricing</a>
            </nav>
        </div>

css

#nav-bar {
    display: flex;
    justify-content: space-between;
    top: 0;
    width: 100vw;
    height: 10vh;
    position: fixed;
    align-items: center;
}

We probably need to see all of your HTML and CSS in order to really help you. But one thing that is often a problem is the default margins that the browser adds to the body. You might try setting the margin to 0 on the body if you haven’t already.

I already solved it, you were right