fix: add scroll offset for anchor targets (#506)

* fix: add scroll offset for anchor targets

* fix: update scroll-margin-block to 1rem

---------

Co-authored-by: satnaing <[email protected]>

Author: tanishqmanuja

src/styles/global.css

@@ -57,3 +57,9 @@ html[data-theme="dark"] {
 .active-nav {
   @apply underline decoration-wavy decoration-2 underline-offset-4;
 }
+
+/* Source: https://piccalil.li/blog/a-more-modern-css-reset/ */
+/* Anything that has been anchored to should have extra scroll margin */
+:target {
+  scroll-margin-block: 1rem;
+}