Fix scroll heading behind header

Fixes #117

Author: VeckoTheGecko

src/data/footer-items.js

@@ -3,11 +3,11 @@ export const footerItems = {
     { label: 'Blog', href: '/blog' },
     {
       label: 'How to cite Parcels',
-      href: '/papers-citing-parcels#how-to-cite-parcels',
+      href: '/papers-citing-parcels',
     },
     {
       label: 'Papers citing Parcels',
-      href: '/papers-citing-parcels',
+      href: '/papers-citing-parcels#papers-citing-parcels',
     },
     {
       label: 'Brand Assets',

src/pages/papers-citing-parcels.js

@@ -112,18 +112,14 @@ const PapersCitingParcels = () => {
     >
       <Box as='section' py={20}>
         <Container maxW='container.lg'>
-          <Heading
-            as='h1'
-            size='2xl'
-            textAlign={'center'}
-            id='how-to-cite-parcels'
-          >
+          <Heading as='h1' size='2xl' textAlign={'center'}>
             How to cite Parcels
           </Heading>
 
           <HowToCite />
+          <Box id='papers-citing-parcels' />
 
-          <Heading as='h1' size='2xl' textAlign={'center'}>
+          <Heading as='h1' size='2xl' textAlign={'center'} mt={32}>
             Papers Citing Parcels
           </Heading>