[UI Enhancement]-Modifying Nav Bar and other necessary Updates

[AdityaP700]

Issue Description

Certain Issues i have found while i went through the projects ,starting from Modifying the Nav Bar in which it needs to space the content in the Nav Bar ,With that there is a requirement of Making the Login ,Cart and Dark Mode Option a bit smaller so as to look it visually appealing.

Steps to Reproduce

To reproduce and address the issues with the navigation bar in your project, one can follow :

• Modify the Navigation Bar:
• Spacing the content in the Nav Bar:
• Open your project's HTML file that contains the navigation bar.
• Locate the
  element and its children.
• Add CSS to apply appropriate spacing between the nav items.
• Making Login, Cart, and Dark Mode Options Smaller:
• Identify the elements representing the Login, Cart, and Dark Mode options.
• Apply CSS to adjust their size.

Expected Behavior

The expected behavior after making these changes to the navigation bar is as follows:

• Even Spacing in the Nav Bar
• Smaller Login, Cart, and Dark Mode Options
• Much More visually appealing UI design for the website

Actual Behavior

When you apply the HTML and CSS changes described, the following actual behaviors should be observed:

• Navigation Bar Structure
• Even Spacing in the Nav Bar
• Smaller Login, Cart, and Dark Mode Options
• Hover Effect

Screenshots

[AdityaP700]

I hope you will look into this and let me assign this project to work upon it , Will be grateful. Thanks