Skip to content

fix: convert navbar links to styled buttons (#356) - #366

Open
baishnvi wants to merge 1 commit into
amyyalex:mainfrom
baishnvi:fix-navbar-buttons-356
Open

fix: convert navbar links to styled buttons (#356)#366
baishnvi wants to merge 1 commit into
amyyalex:mainfrom
baishnvi:fix-navbar-buttons-356

Conversation

@baishnvi

@baishnvi baishnvi commented Jul 22, 2026

Copy link
Copy Markdown

Summary

Converts the three navbar links (Meet Our Contributors, About Our Community, Join Our Community) into visually styled buttons for better visual hierarchy, accessibility, and UX — as requested in #356.

Changes

  • Fixed the broken <link type="css" ...> tag in index.html (invalid type attribute was preventing the stylesheet from loading) and corrected it to rel="stylesheet".
  • Added css/navbar-btn.css with button-style styling for navbar links:
    • Consistent padding, border-radius, and background color
    • Hover and focus-visible states for accessibility
    • Responsive full-width buttons on mobile screens
  • Kept the existing <a> tags (semantically correct for navigation/routing) — only styling changed, no functional/routing changes.

Screenshots

Before:
Screenshot (407)

After:
Screenshot (408)

Fixes #356

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.

Enhancement: Convert Navbar Links to Styled Buttons for Better UX and Visual Hierarchy

1 participant