Skip to content

Fix: improve card visibility and fix alignment - #587

Merged
steam-bell-92 merged 1 commit into
steam-bell-92:mainfrom
shaktipy:fix/improve-card-visibility
May 22, 2026
Merged

Fix: improve card visibility and fix alignment#587
steam-bell-92 merged 1 commit into
steam-bell-92:mainfrom
shaktipy:fix/improve-card-visibility

Conversation

@shaktipy

Copy link
Copy Markdown
Contributor

🎮 Fix Card Visibility & Alignment – Issue #504

What this PR does

  • Completely redesigned .project-card with solid backgrounds (no transparency)
  • Cards now have distinct borders, shadows, and hover effects
  • Improved .btn-play button styling (prominent green background, rounded corners, hover animation)
  • Fixed text alignment (left-aligned, consistent layout)
  • Ensured dark mode and light mode both have high contrast

Before / After

Before (transparent cards) After (solid, clear cards)
Cards blended into background Cards stand out clearly
Buttons hard to see Buttons prominent with hover

Testing done

  • Opened games.html locally – all cards visible and properly aligned
  • Hover effects work smoothly
  • Dark mode toggle preserves readability
  • Responsive on mobile/tablet

Closes #504

- Solid background for .project-card (removed transparency)
- Enhanced button styling for .btn-play
- Added border, shadow, and hover effects for better separation
- Fixed minor alignment issues (text left, button bottom)
- Dark/light mode consistency
@vercel

vercel Bot commented May 22, 2026

Copy link
Copy Markdown

@shaktipy is attempting to deploy a commit to the Anuj's projects Team on Vercel.

A member of the Team first needs to authorize it.

@steam-bell-92
steam-bell-92 merged commit b501c00 into steam-bell-92:main May 22, 2026
1 of 2 checks passed
@github-actions

Copy link
Copy Markdown
Contributor

🎉 Thank you for your contribution!

Your Pull Request has been merged successfully.

We appreciate the time and effort you put into improving this project. Contributions like yours help the repository grow and stay useful for everyone.

If you'd like to contribute again, please check the open issues and make sure you are assigned before opening another Pull Request.

Thanks again for your support! 🙌

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

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

🐛 [Bug]: [UI/UX] Improve Card Visibility and Reduce Transparency on Game Tools Page

2 participants