Skip to content

fix: navbar spacing issue#283

Open
thecuriousash wants to merge 1 commit into
mayo-byte07:mainfrom
thecuriousash:gssoc/fix/navbar-spacing
Open

fix: navbar spacing issue#283
thecuriousash wants to merge 1 commit into
mayo-byte07:mainfrom
thecuriousash:gssoc/fix/navbar-spacing

Conversation

@thecuriousash

Copy link
Copy Markdown

Description

Fixed the navbar spacing issue which was causing the theme toggle and sign in button to overlap and the spacing between brand logo ("Conn") and the first navbar link ("Product"). Also fixed navbar alignment in mobile and tablet view.
Fixes #208

Changes Made

  • added width: 100% and gap: 24px so that navbar container aligns with the contents in the landing page.
  • added align-self: flex-start to ensure brand name is next to the logo with appropriate spacing.

Screenshots (if applicable)

Screenshot 2026-06-12 at 10 45 44 AM Screenshot 2026-06-17 at 9 42 40 PM Screenshot 2026-06-17 at 6 06 20 PM Screenshot 2026-06-17 at 9 46 45 PM

Checklist

  • I have linked the relevant issue above.
  • I have tested my changes locally.
  • My code follows the project's style guidelines.

@vercel

vercel Bot commented Jun 17, 2026

Copy link
Copy Markdown
Contributor

@thecuriousash is attempting to deploy a commit to the Mayo's projects Team on Vercel.

A member of the Team first needs to authorize it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

UI Bug: Navbar layout and spacing issue

1 participant