glow/first-home-diy
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

UI: Latest article cards are text-dense compared to rest of page #59

New issue
Closed
opened 2026-06-09 21:35:05 +00:00 by glow · 1 comment
glow commented 2026-06-09 21:35:05 +00:00
Owner
Copy link

The "Latest articles" section on the homepage packs category label, read time, long title, and multi-line description into each card. This density contrasts with the spacious design elsewhere.

Location

`src/routes/index.tsx` lines 91-120 — 3-column grid

Suggested Fix

  1. Reduce description to 2 lines (`line-clamp-2`)
  2. Increase card padding for breathing room
  3. Add hero image thumbnails above titles
  4. Use list layout on mobile with more spacing
The "Latest articles" section on the homepage packs category label, read time, long title, and multi-line description into each card. This density contrasts with the spacious design elsewhere. ## Location \`src/routes/index.tsx\` lines 91-120 — 3-column grid ## Suggested Fix 1. Reduce description to 2 lines (\`line-clamp-2\`) 2. Increase card padding for breathing room 3. Add hero image thumbnails above titles 4. Use list layout on mobile with more spacing
glow closed this issue 2026-06-09 21:42:42 +00:00
glow commented 2026-06-09 21:42:46 +00:00
Author
Owner
Copy link

Fixed in commit 7fc0102 — two changes to index.tsx:

  1. Description line-clamp reduced from 3 to 2
  2. Hero image thumbnail added above title when a.hero?.src exists

Closes #59

Fixed in commit 7fc0102 — two changes to `index.tsx`: 1. Description line-clamp reduced from 3 to 2 2. Hero image thumbnail added above title when `a.hero?.src` exists Closes #59
Sign in to join this conversation.
No Branch/Tag specified
Branches Tags
main
No results found.
Labels
Clear labels   
bug
Bug fix

  
feature
New feature

  
improvement
Code improvements and refactors

No labels
bug
feature
improvement
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
glow/first-home-diy#59
No description provided.