From 9cc98c21ee512778ec22bfed98925edb7f22221c Mon Sep 17 00:00:00 2001
From: TwinProduction <twin@twinnation.org>
Date: Wed, 25 Aug 2021 18:03:54 -0400
Subject: [PATCH] Offset anchor links while taking the fixed header into
 consideration

---
 src/components/Container/styles.tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/Container/styles.tsx b/src/components/Container/styles.tsx
index c402798..66a1b62 100644
--- a/src/components/Container/styles.tsx
+++ b/src/components/Container/styles.tsx
@@ -4,10 +4,19 @@ export const ContainerWrapper = styled.div`
   --padding: 64px;
   width: 650px;
   max-width: calc(100% - var(--padding) * 2);
-  padding: 0px var(--padding);
+  padding: 0 var(--padding);
   margin: 0 auto;
 
   @media screen and (max-width: 767px) {
     --padding: 32px;
   }
+
+  // Offsets anchor links while taking the fixed header into consideration
+  [id]::before {
+    content: '';
+    display: block;
+    height: 80px;
+    margin-top: -80px;
+    visibility: hidden;
+  }
 `