Issue Description

The current navigation bar does not adapt well across different screen sizes, especially on mobile and tablet devices. On smaller screens, the layout becomes compressed and reduces usability.

Key issues observed:

• Navigation items may overflow or wrap improperly on smaller screens
• Spacing between links becomes inconsistent at reduced widths
• Alignment of navbar elements is not optimized for mobile view
• No proper responsive behavior such as collapsing menu or adaptive layout
• Overall navigation experience is less usable on mobile devices

Expected Behavior

The navbar should be fully responsive and:

• Adjust layout smoothly across mobile, tablet, and desktop screens
• Maintain proper spacing and alignment at all breakpoints
• Prevent overflow or horizontal scrolling
• Ensure all navigation items remain accessible and readable
• Optionally support a mobile-friendly collapsed or stacked layout