[UI/UX]: Optimize Navbar Width and Spacing for Large Screens

[deepikamishra25]

[ISSUE FORM] Pre-Submission Checks

• I have searched the existing issues and confirmed this enhancement has not been raised already.
• I am willing to work on this issue if needed.

[ISSUE FORM] Contribution Program

GSSoC 2026

[ISSUE FORM] Difficulty Level

Beginner

[ISSUE FORM] Affected Page or Component

Navigation Bar

[ISSUE FORM] Problem Description

The navigation container occupies a large horizontal area while containing relatively few navigation items. On wide screens, this creates excessive empty space and can make the layout feel unbalanced.

The current spacing may reduce visual efficiency and overall design consistency.

[ISSUE FORM] Expected Solution

Define a more appropriate max-width for the navbar container.
Improve spacing between navigation elements.
Maintain responsiveness across different screen sizes.
Align navigation width more closely with the main content container.

[ISSUE FORM] Screenshots, Mockups, or References

Homepage navigation bar.

[ISSUE FORM] Additional Context

A more balanced navigation layout can improve visual harmony and create a stronger connection between the navigation and page content.

[ashish29-tech]

Hey @Vaibhav-kesarwani ,
I would like to work on this project. Please assign it to me under the GSSoC'26.