✨ UI/UX Improvement: Navbar Styling & Responsiveness

[zaidxGithub]

✨ UI/UX Improvement: Navbar Styling & Responsiveness

Describe the Issue
The navbar width and height are not well-optimized, which makes it look less professional. On smaller screens, the navbar does not appear fully responsive, affecting the overall layout and user experience.

Expected Behavior
The navbar should:

Have a professional width and height ratio.

Be fully responsive across all screen sizes.

Maintain consistent spacing, alignment, and visual balance.

Proposed Solution

Refine navbar height and width to achieve a more modern, professional look.

Adjust padding and font scaling for better balance.

Ensure full responsiveness with Tailwind/CSS media queries (sm:, md:, lg: breakpoints).

Test across multiple devices for consistency.

I am a GSSoC’25 Contributor, and I would love to enhance the navbar’s design and responsiveness. Please assign this task to me. @SCR01

[github-actions]

Thank you for raising this issue!

We'll review it as soon as possible. We truly appreciate your contributions! ✨

Meanwhile make sure you've visited the README.md, CONTRIBUTING.md, and CODE_OF_CONDUCT.md before creating a PR for this. Also, please do NOT create a PR until this issue has been assigned to you. 😊

[SCR01]

@zaidxGithub Go for it.

[zaidxGithub]

@SCR01 kindly review this pr .