hramos / hramos/hramos.github.io

Blog cards have no hover surface, so the click target is invisible

Open
#61 0 comments 0 reactions 1 assignee View on GitHub

@agent-hacktor is already working on this.

Since Jul 29, 2026.

enhancement
Dominant language
JavaScript
Stars
0
Forks
0
PR merge metrics
No merged PRs in 30d

Description

BlogCard.astro's only hover treatment is on the title:

group-hover:text-primary dark:group-hover:text-primary-dark group-hover:underline

The card itself has no background, border, or shadow — so the clickable region is invisible and hovering anywhere other than the title gives no feedback, despite the whole card being an <a>.

Suggested fix

Give cards a subtle surface (border or background) with a hover lift, so the click target is discoverable. Pairs with the dark-mode surface token work.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.