Implement responsive navbar styles

[Dippp10-ally]

Overview

Added responsive styles for the navbar and navigation links to improve usability and visual consistency across desktop, tablet, and mobile devices.

Description

Files modified:

• style.css (responsive navbar styling)
• Navbar component files (if applicable)

Core Motivation

The existing navbar did not provide an optimal experience on smaller screens, resulting in spacing, alignment, and navigation usability issues. These changes ensure a smoother and more accessible navigation experience across all supported devices.

Proposed Changes

1. Added responsive breakpoints for tablet and mobile screen sizes.
2. Improved navbar spacing, alignment, and navigation link behavior on smaller viewports.
3. Enhanced touch-device usability and ensured consistent styling across screen sizes.

Related Issue

Closes #107

Type of Change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Documentation update (fixes or additions to docs)
• UI/UX improvement (changes to styling, templates, or frontend)
• Testing & Infrastructure (workflows, test scripts)

How Has This Been Tested?

• Checked changes locally
• Tested responsive behavior across desktop, tablet, and mobile viewports
• Verified navbar links remain functional after styling updates

Screenshots (if applicable)

Checklist

• My code follows the code style of this project.
• I have performed a self-review of my own code.
• I have commented my code, particularly in hard-to-understand areas.
• My changes generate no new warnings.

[Dippp10-ally]

@Brijeshthummar02 ji , do assign labels called as gssoc:approved , level:intermediate , type:feature , quality:exceptional to above pull request number 108 also.....do merge above pull request number 108 also.....

[Brijeshthummar02]

show me video of implementation.