issue number : #5

What I Did

• Updated the Header.jsx to make the navbar fully responsive across all screen sizes.
• Fixed navigation links to display in a flexible layout (horizontal on desktop, collapsible menu on mobile).
• Added hover transition effects for nav items for better UI/UX.
• Ensured the layout is mobile-first with smooth animations and interactions.
• Adjusted spacing and padding for clean alignment and consistent look.

Why This Change

• The previous navbar items weren't visible on smaller screens.
• Users couldn't access core navigation on mobile.
• Keeping the navbar fixed enhances navigation accessibility while scrolling.
• Improves overall responsiveness, interactivity, and design consistency.

Before

After