Header overlaps in-page anchors

[samajammin]

Expected Behavior

Text of header should be visible after clicking on anchor link.

Current Behavior

Navbar overlaps the header.

Possible Solution

https://css-tricks.com/hash-tag-links-padding/

[gitcoinbot]

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

---

This issue now has a funding of 50.0 DAI (50.0 USD @ $1.0/DAI) attached to it.

• If you would like to work on this issue you can 'start work' on the Gitcoin Issue Details page.
• Want to chip in? Add your own contribution here.
• Questions? Checkout Gitcoin Help or the Gitcoin Slack
• $152,365.32 more funded OSS Work available on the Gitcoin Issue Explorer

[gitcoinbot]

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

---

Workers have applied to start work.

These users each claimed they can complete the work by 3 weeks, 1 day from now.
Please review their action plans below:

1) sunghee2 has applied to start work (Funders only: approve worker | reject worker).

I can start now, and I'll be done in 30 minutes.
2) bshevchenko has applied to start work (Funders only: approve worker | reject worker).

Will do in a most accurate way :)
3) merwane has applied to start work (Funders only: approve worker | reject worker).

I'll fix the overlap issue using a native solution to maximize browser compatibility.
4) ama3ing has applied to start work (Funders only: approve worker | reject worker).

I am going to change CSS for this in the best way described in proposed solution.
5) agbilotia1998 has applied to start work (Funders only: approve worker | reject worker).

1.) Install the project and check the bug in the component.
2.) Modify CSS/SCSS as per requirement.
6) scydev has applied to start work (Funders only: approve worker | reject worker).

• setup the project locally
• find the most solid of the proposed solutions to prevent the title from scrolling beneath the header
• make sure it works on all screen sizes
  7) decentralisedtech has applied to start work (Funders only: approve worker | reject worker).

I am ready to work on this simple task
8) sanchaymittal has applied to start work (Funders only: approve worker | reject worker).

I fixed it. And I'm ready to deliver it.
9) akanimorex has applied to start work (Funders only: approve worker | reject worker).

i wiil style it using html and css with mediaqueries to make it responsive.Thinking of adding some cool PNGs to make it look attractive

Learn more on the Gitcoin Issue Details page.

[gitcoinbot]

⚡️ A tip worth 50.00000 DAI (50.0 USD @ $1.0/DAI) has been granted to @Sunghee2 for this issue from @ceresstation. ⚡️

Nice work @Sunghee2! Your tip has automatically been deposited in the ETH address we have on file.

• $140497.67 in Funded OSS Work Available at: https://gitcoin.co/explorer
• Incentivize contributions to your repo: Send a Tip or Fund a PR
• No Email? Get help on the Gitcoin Slack

[gitcoinbot]

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

---

This Bounty has been completed.

Additional Tips for this Bounty:

• ceresstation tipped 50.0000 DAI worth 50.0 USD to Sunghee2.

---

• Learn more on the Gitcoin Issue Details page
• Questions? Checkout Gitcoin Help or the Gitcoin Slack
• $140,447.67 more funded OSS Work available on the Gitcoin Issue Explorer