Fix: Made Header and Footer Responsive, Converted Header to Hamburger Menu (#46)

[priyansh87]

Related Issue:

• Fixes Make Header, Footer, and Home Page Responsive #46: Making Header, Footer, and Home Page Responsive

Problem

• The header and footer were not responsive on smaller screens, causing layout issues and affecting the user experience on mobile devices.

What was done:

• Made the header responsive and implemented a hamburger menu for mobile screens.
• Made the footer responsive to ensure better layout on smaller screens.
• Converted the current date in the footer from static text to dynamic display.

Additional Information:

• The header now switches to a hamburger menu when the screen size is smaller than a certain width (tablet and mobile screen-width).
• The footer dynamically displays the current date using JavaScript.

Screenshots of the responsive site:

[netlify]

✅ Deploy Preview for glistening-frangipane-580298 ready!

Name	Link
🔨 Latest commit	ef87138
🔍 Latest deploy log	https://app.netlify.com/sites/glistening-frangipane-580298/deploys/676596464b79910008856807
😎 Deploy Preview	https://deploy-preview-49--glistening-frangipane-580298.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 configuration.

[vidipsingh]

Nice work! Just one small change:
In the Header section, when viewed on screens larger than tablets, the text and icons appear a bit too small. Could you make them slightly larger? Once that's done, your PR will be ready to merge.
Thanks!

Screenshot: