WORK-354
Setting up your dashboard 0 entities found · 9/32 branches scanned
ID:WORK-354Status:draft

Responsive per-cell bento spans

Deferred granular follow-on to the bento collapse model (WORK-348). Once grid-level collapse + automatic progressive reduction are in place, the remaining need is per-cell responsive control — letting an individual tile declare its span per breakpoint.

Priority:lowComplexity:moderateSource:SPEC-085
claude/v0.19-milestone-planning View source

Criteria completion

Criteria completion: 0 of 3 (0%) checked; tracking started on Jun 5, no incremental history yet0%25%50%75%100%Jun 5Jun 15

Tracking started Jun 5 — check back for trends.

Branches 2
claude/v0.19-milestone-planning current draft
changeset-release/main draftmain draft
History 1
  1. c99efd9
    Created (draft)by bjornolofandersson

Why deferred / why not per-cell collapse

Grid-level collapse + min(span, columns) auto-capping cover the common cases. A per-cell collapse="lg" was considered and rejected: cells collapsing at different breakpoints produce ragged intermediate layouts (one tile full-width while neighbours are still multi-up → holes the auto-placer fills awkwardly). The coherent primitive is responsive spans — each cell knowing its exact width at each step — but that is a larger syntax feature with no concrete demand yet.

Sketch (finalize on demand)

  • A per-cell responsive span syntax, e.g. cols="4 lg:2 sm:full" (Tailwind-style col-span-4 lg:col-span-2), resolving to breakpoint-scoped grid-column spans; optionally rows too.
  • Stays coherent (no raggedness) because every cell declares its own width at each breakpoint, rather than an opaque collapse trigger.
  • Composes with the grid-level collapse (which still sets the final stack point).

Acceptance Criteria (when scoped)

  • A per-cell responsive span syntax parses to breakpoint-scoped column (and optional row) spans.
  • It composes with grid-level collapse and the auto-cap, without raggedness.
  • Documented; tests cover a multi-breakpoint cell.

References

  • WORK-348 (grid-level collapse + auto reduction), SPEC-085