Skip to content

[BUG] Navbar Navigation Links Alignment Inconsistency #72

@adarsh0011

Description

@adarsh0011

Issue Description:

The navigation links in the navbar are not properly aligned, creating a visually unbalanced and unprofessional appearance. The misalignment disrupts the layout and negatively impacts the user experience.

Specific Problems:

  1. The navlinks appear to be unevenly spaced or misaligned horizontally.
  2. There might be inconsistent padding or margin between individual navigation items.
  3. The alignment issue could be causing the navbar to look cluttered or off-center.

Expected Behavior:

  • All navigation links should be perfectly horizontally aligned with consistent spacing between them.
  • The navbar should appear balanced and centered within its container.
  • There should be equal padding/margin between each navlink item.

Screenshot Reference:

Image

Priority: Medium-High (affects visual professionalism and user navigation experience)

Suggested Fix:

Review the CSS for the navbar component, specifically:

  • Check display, justify-content, and align-items properties
  • Verify padding/margin values between navlinks
  • Ensure consistent box-sizing and flexbox/grid properties

@harshendram, Could you please assign this issue to me and add label such as gssoc25 & level3

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions