Made the website fully responsive

[ShreyashSri]

Fixes Issue🛠️

Closes #1

Description👨‍💻

• Implemented responsive design for improved user experience on various devices
• Fixed issues with navigation bar overlapping
• Added navigation button for smaller devices
• Fixed the issue with about page content coming out of container

Type of Change📄

• Style (non-breaking change which improves website style or formatting)
• Responsiveness (non-breaking change which improves UI/UX on different screen sizes)

Checklist✅

• I am an Open Source contributor
• I have performed a self-review of my code
• My code follows the style guidelines of this project

Screenshots/GIF📷

Before

before.mp4

After

after.mp4

[github-actions]

Hey @ShreyashSri, Welcome to the project Eventica! 🎊
Thanks for your contribution! Your effort makes this project better. Keep it up! 🙌
Please wait for the PR to be reviewed. Happy Coding!! ✨

[netlify]

✅ Deploy Preview for eventica ready!

Name	Link
🔨 Latest commit	1ba0d20
🔍 Latest deploy log	https://app.netlify.com/sites/eventica/deploys/6770e7d6304353000842faf3
😎 Deploy Preview	https://deploy-preview-24--eventica.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.

[Rakesh9100]

Please fix the gap between navbar and the page, also increase the hamburger size a bit @ShreyashSri

[ShreyashSri]

@Rakesh9100 Fixed it! Is there anything else that you need?

[github-actions]

Congrats, Your pull request has been successfully merged 🥳🎉 Thank you for your contribution to my project 🚀 Keep Contributing!! ✨ @ShreyashSri