Как сделать прокрутку на сайте по якорю, чтобы блок отображался целиком

Всем доброго дня, у меня имеется навигация на сайте используя id и , но так как хедер у меня фиксированный сверху, выходит что при подходе к блоку, он занимает какую-то часть места и выглядит не очень красиво. Хотел бы узнать как можно решить данную проблему наиболее легким способом. Ниже привожу схему как выглядит навигация и блоки

        <nav class="nav_desktop col-8">
            <a class = 'nav_element' href="#about_us">Quiénes somos</a>
            <a class = 'nav_element' href="#our_team">Nuestro equipo</a>
            <a class = 'nav_element' href="#description">Servicios</a>
            <a class = 'nav_element' href="#price">Precios</a>
            <a class = 'nav_element' href="#reviews">Comentarios</a>
            <a class = 'nav_element' href="#contacts">Contactos</a>
        </nav>
        
        <div id = '#about_us'></div>
        <div id = '#our_team'></div>
        <div id = '#description'></div>
        <div id = '#price'></div>
        <div id = '#reviews'></div>
        <div id = '#contacts'></div>

То как хочу чтобы выглядело

То как выглядит сейчас