diff --git a/web/src/components/blocks/PageSection.tsx b/web/src/components/blocks/PageSection.tsx index 59ce1e1..e05af0d 100644 --- a/web/src/components/blocks/PageSection.tsx +++ b/web/src/components/blocks/PageSection.tsx @@ -14,7 +14,8 @@ export const PageSectionBlock = ({ const anchor = slugify(block.title); return ( -
+
+
diff --git a/web/src/components/blocks/pageSection.module.scss b/web/src/components/blocks/pageSection.module.scss index d7a3c75..77f00d6 100644 --- a/web/src/components/blocks/pageSection.module.scss +++ b/web/src/components/blocks/pageSection.module.scss @@ -2,6 +2,7 @@ margin: var(--spacing-m) auto; padding: var(--spacing-m) 0; border-top: var(--border-s); + position: relative; &:nth-of-type(1) { margin-top: var(--spacing-l); @@ -26,6 +27,11 @@ } } +.anchor { + position: absolute; + top: -4rem; +} + .sectionHeader { display: grid; grid-template-columns: repeat(12, 1fr);