How to set the internal link scrolling to the top of the section? – CSS

Sometimes, we face the issue of scrolling to the bottom of the section while directing an internal link click.

To resolve that issue, add below mentioned CSS.

HTML
<section id="section1">
  <!-- content of section 1 -->
</section>

<a href="#section1">Go to Section 1</a>

CSS
section {
  margin-top: 2px; 
  scroll-margin-top: 10px;
}