Navbar Elements Are Misaligned

[sezallagwal]

Description: The elements in the navbar are not properly aligned, leading to distorted spacing and inconsistent positioning. Specifically:

• Some items appear vertically misaligned, causing the layout to look uneven.
• The issue is noticeable across different screen resolutions, suggesting a lack of responsive alignment.

Steps to Reproduce:

1. Open the website and navigate to the homepage.
2. Observe the navbar elements (e.g., logo, links, search bar, buttons) across different screen sizes.
3. Notice the misalignment, especially between the text elements and buttons.

Expected Behavior: All elements in the navbar should be horizontally aligned on the same line with consistent spacing.

Actual Behavior: The elements appear distorted, with some items not lining up correctly.

Suggested Solution:

• Review the CSS styling for the navbar, particularly display, align-items, and margin properties.
• Ensure the elements are placed within a flex container with proper alignment settings.
• Test across different screen sizes for a responsive layout.

[panwar8279]

Hi @sezallagwal , I have assigned this task to you. Kindly complete within 2 days. Also add a 30 sec demo video. Good luck!

[sezallagwal]

Hi @sezallagwal , I have assigned this task to you. Kindly complete within 2 days. Also add a 30 sec demo video. Good luck!

ok will do

[4darsh-Dev]

Gentle Reminder 🚨🚨 GSSoC-Ext 24 is going to complete in 2 Days. ' Complete your assigned Issues and PR reviews before time to get Points on Leaderboard. ' It was a great experience working with you all, Don't forget to ⭐ star the Repo (only 12 with 62 forks 💔) . Thanks💗 for your valuable contributions!

[4darsh-Dev]

Gentle Reminder 🚨🚨 PA and Mentor nominations have been started for GSSoC-Ext 2k24. ' Do share your experiences and connect on Socials. ' It was a great experience working with you all Thanks💗 for your valuable contributions!