spikerj/spikersoft-issues
1
0
Fork 0
Code Issues 196 Pull Requests Actions Packages Projects Releases Wiki Activity

[UX][Blog][Angular] Media grid hardcodes cols=3 — squashed tiles on mobile (epic #705) #711

New Issue
Open
opened 2026-07-19 01:15:29 +00:00 by spikerj · 0 comments
spikerj commented 2026-07-19 01:15:29 +00:00
Owner
Copy Link
Copy Source

Epic #705. blog-entry-component.html renders media with mat-grid-list cols="3" rowHeight="1:1" unconditionally — three columns on a phone squashes tiles to thumbnail-of-a-thumbnail size; no breakpoint logic exists in the component or SCSS.

Shape: either a BreakpointObserver-driven cols signal (1/2/3 at handset/tablet/desktop) or replace mat-grid-list with CSS grid repeat(auto-fill, minmax(140px, 1fr)) (simpler, no JS). Lightbox/full-size view on tap is a natural companion but can be its own follow-up.

Epic #705. `blog-entry-component.html` renders media with `mat-grid-list cols="3" rowHeight="1:1"` unconditionally — three columns on a phone squashes tiles to thumbnail-of-a-thumbnail size; no breakpoint logic exists in the component or SCSS. **Shape:** either a `BreakpointObserver`-driven cols signal (1/2/3 at handset/tablet/desktop) or replace `mat-grid-list` with CSS grid `repeat(auto-fill, minmax(140px, 1fr))` (simpler, no JS). Lightbox/full-size view on tap is a natural companion but can be its own follow-up.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
agentic
Actionable surfaced by the agentic architecture & security review
 bug
Something is not working
 duplicate
This issue or pull request already exists
 enhancement
New feature
 help wanted
Need some help
 invalid
Something is wrong
 question
More information is needed
 sonarqube
Code quality issue surfaced by SonarQube (bug / code smell)
 wontfix
This won't be fixed
No labels
Milestone
No items
No Milestone
Projects
Clear projects
No projects
Assignees
Clear assignees
spikerj (Joseph Spiker)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: spikerj/spikersoft-issues#711