Fixed the navbar for responsive view.

[meetarora10]

Description

I have made a completely responsive and properly aligned navbar for various devices. I have added a hamburger icon which on click has a toggle effect on the navbar.

Related Issues

[Cite any related issue(s) this pull request addresses. If none, simply state “None”]

• Closes #611

Type of PR

• [x] Bug fix
• [x] Feature enhancement
• [ ] Documentation update
• [ ] Other (specify): ___

Screenshots / videos (if applicable)

[Attach any relevant screenshots or videos demonstrating the changes]

https://github.com/Anishkagupta04/RAPIDOC-HEALTHCARE-WEBSITE-/assets/143121854/10361a19-2810-4a0a-9f26-eff9417de9ec

Checklist

• [x] I have gone through the contributing guide
• [x] I have updated my branch and synced it with project main branch before making this PR
• [x] I have performed a self-review of my code
• [x] I have tested the changes thoroughly before submitting this pull request.
• [x] I have provided relevant issue numbers, screenshots, and videos after making the changes.
• [x] I have commented my code, particularly in hard-to-understand areas.

Additional context:

[Include any additional information or context that might be helpful for reviewers.]

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
rapidoc	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 20, 2024 6:00pm

[netlify[bot]]

✅ Deploy Preview for rapidoc ready!

Name	Link
🔨 Latest commit	d86d2e5dfcf97505007a1d7f4ac6ee3a7c9c9821
🔍 Latest deploy log	https://app.netlify.com/sites/rapidoc/deploys/66746e3d4fdaf50008d686ee
😎 Deploy Preview	https://deploy-preview-644--rapidoc.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.

[varshith257]

@meetarora10 Resolve conflicts

[meetarora10]

@varshith257 resolved

[varshith257]

@meetarora10 Rather than in the center can you put the navbar items to the left and also give some consistent spacing among them

[meetarora10]

@varshith257 I will do it.

[meetarora10]

@varshith257 I have aligned navbar items in the left and also added some spacing as you said.

[meetarora10]

@varshith257 please review this PR.

[varshith257]

@meetarora10 Can also give consistent space between the button and text in every navbar item?

[meetarora10]

@varshith257 I will add more space then.

[meetarora10]

[meetarora10]

@varshith257 please review and merge this PR so that I can create other issues and work on it.

[github-actions[bot]]

🎉 Your pull request has been successfully merged! 🎉 Thank you for your contribution to our project. Your efforts are greatly appreciated. Keep up the fantastic work! 🚀