Update nav.css

[mahek0620]

Closes #328

Description

Navbar Container (nav): Sets up the basic structure of the navbar, including width, height, borders, and flexbox properties for alignment.

Buttons and Links: Styles buttons, links, and their hover effects for better interactivity and readability.

Dropdown Menus : Defines styles for dropdown menus, including positioning, width, background, shadow, and transition effects.

Browse All Categories: Styles the expanded and collapsed states of the "Browse All Categories" dropdown menu, including grid layout for items.

Media Queries: Ensures responsiveness by adjusting styles for screens narrower than 992px, such as stacking items vertically and centering text.

Additional Styles: Provides specific styles for icons, headers, and other elements to enhance visual appeal and readability.

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

Checklist:

• My code follows the code style of this project.
• [] My change requires a change to the documentation.
• [] I have updated the documentation accordingly.

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
nestondc	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 6, 2024 7:47am
nestondcshop	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 6, 2024 7:47am

[mahek0620]

@dinxsh can you review this