[1.4] Adaptive Grid Column Count #4

Closed
opened 2026-03-13 11:25:13 +01:00 by shahondin1624 · 0 comments

User Story

As a user, I want the grid to show appropriate columns for my screen, so that I see 2 on phone, 3-4 on tablet, 4-6 on desktop.

Acceptance Criteria

  • Replaces GridCells.Adaptive(minSize = 75.dp) with size-class-driven columns
  • Compact: 2 attribute cols / 1 talent col
  • Medium: 3-4 attribute cols / 2 talent cols
  • Expanded: 4 attribute cols / 2-3 talent cols
  • Dynamic span calculations replace fixed GridItemSpan(2) / GridItemSpan(3)
  • No horizontal scrolling at any size

Notes

Depends on 1.1. Affects AttributesPage.kt. Current GridCells.Adaptive(minSize = 75.dp) creates 10+ columns on desktop.

## User Story **As a** user, **I want** the grid to show appropriate columns for my screen, **so that** I see 2 on phone, 3-4 on tablet, 4-6 on desktop. ## Acceptance Criteria - [ ] Replaces `GridCells.Adaptive(minSize = 75.dp)` with size-class-driven columns - [ ] Compact: 2 attribute cols / 1 talent col - [ ] Medium: 3-4 attribute cols / 2 talent cols - [ ] Expanded: 4 attribute cols / 2-3 talent cols - [ ] Dynamic span calculations replace fixed `GridItemSpan(2)` / `GridItemSpan(3)` - [ ] No horizontal scrolling at any size ## Notes Depends on 1.1. Affects `AttributesPage.kt`. Current `GridCells.Adaptive(minSize = 75.dp)` creates 10+ columns on desktop.
shahondin1624 added this to the Phase 2: Cards & Grid milestone 2026-03-13 11:25:13 +01:00
shahondin1624 added the epic:responsive-layoutpriority:must-have labels 2026-03-13 11:28:01 +01:00
Sign in to join this conversation.