Fix: prevent section headings from being hidden behind sticky navbar

[dineshkolhe1]

Summary

Fixed an issue where clicking internal navbar anchors (About, Versions, Contribute)
caused the section titles to appear hidden behind the sticky navbar.

Changes

• Added this into html <style> - scroll-behavior: smooth;
  scroll-padding-top: 100px;
• Added scroll-padding or scroll-margin CSS to offset anchor jumps.
• Verified layout on both light and dark themes.

How I tested

1. Ran python -m http.server locally.
2. Opened http://localhost:8000
3. Clicked all navigation links — headings now align correctly below the navbar.

Screenshots

Before -

After -

---

Fixes #426

[netlify]

✅ Deploy Preview for stupendous-kringle-a86e81 ready!

Name	Link
🔨 Latest commit	c07b12e
🔍 Latest deploy log	https://app.netlify.com/projects/stupendous-kringle-a86e81/deploys/69163094eb208d00085d4e0c
😎 Deploy Preview	https://deploy-preview-427--stupendous-kringle-a86e81.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 project configuration.

[AR21SM]

Could you please change this to 120px and remove the comments?

[dineshkolhe1]

ok , i will

[AR21SM]

Could you please undo this change?

[AR21SM]

Can we please include this snippet at the end (under the <script> section) to fix the navbar auto-close issue?
It would be great to include this in the same PR since it’s related to the navigation behavior.
Thanks!

const navbarCollapse = document.getElementById('navbarNav');
        const navList = document.querySelector('.navbar-nav');
        
        navList.addEventListener('click', (e) => {
            if (e.target.closest('.nav-link')) {
                bootstrap.Collapse.getOrCreateInstance(navbarCollapse).hide();
            }
        });