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

* fix: add scroll offset for anchor targets

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

---------

Co-authored-by: satnaing <satnaingdev@gmail.com>
(cherry picked from commit ae80e99)

Author: 2 people

src/styles/global.css

@@ -68,3 +68,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;
+}