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; + } `