Fix: Make About link jump to About section

[thekaveman]

Closes #180

OK this definitely feels a little hacky so I am wide open to feedback if there is a better way.

Simply linking to the #about section causes the navbar to slightly obscure the header:

Based on a couple of SO posts:

• Boostrap using fixed navbar and anchor tags to jump to sections which talks about using padding and a corresponding negative margin to avoid the navbar overlap
• How can I get a negative value of CSS variables which talks about flipping a variable from positive to negative

I added a bit of CSS for this section#about, which (I think) gives the intended result:

Desktop

Mobile

[netlify]

✅ Deploy Preview for cal-itp-website ready!

Name	Link
🔨 Latest commit	c54163e
🔍 Latest deploy log	https://app.netlify.com/sites/cal-itp-website/deploys/648a3da96effb50008869669
😎 Deploy Preview	https://deploy-preview-197--cal-itp-website.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[machikoyasuda]

Doesn't feel hacky to me 😅 This is how I'd do it too.

[esquared415]

@thekaveman Thank you! Looks good to me, hacks and all!