Product Landing page

Kindly assist to fix where the error is :
Each .nav-link element should link to a corresponding element on the landing page (has an href with a value of another element’s id. e.g. #footer ).

      <nav id="nav-bar">
            <a class="nav-link"  href="#home">home</a>
            <a class="nav-link"   href="#about">about</a>
            <a  class="nav-link"   href="#service">service</a>
        
        
        </nav>
<div id="home">
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa, omnis.</p>
    </div>
    <div id="about">
        <p>Lorem ipsum dolor sit amet.</p>

    </div>
    
    <div id="service">
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias mollitia consectetur numquam esse tempore nam non iure obcaecati atque molestiae, corrupti, laboriosam maiores ullam.</p>

    </div>

Post entire html and css code.