Anchor link scrolls too deep?

style.css

/**
 * If #anchor link scrolls to deep -> e.g. heading is hidden by sticky header
 **/
h2 {
  /* margin: 20px 0; Let's imagine h2 has margin-top of 20px */
  padding-top: 100px; /* new padding-top = height element should be moved down in scroll (e.g. sticky header height) */
  margin-top: -80px; /* new margin top = old margin-top - new padding-top */
}