For when you need some auto scrolling to #id's but you have a fixed or sticky nav making it hide the link.

Warning this will produce weird behavior when placing ID's on grid containers.

*[id]:before {
  display: block;
  content: " ";
  margin-top: -10rem;
  height: 10rem;
  visibility: hidden;
}

Credit mnot