Skip to content

Premium Economics: hero + supporting trio layout#43

Merged
heyitsStylez merged 1 commit intomainfrom
premium-economics-hero-layout
May 6, 2026
Merged

Premium Economics: hero + supporting trio layout#43
heyitsStylez merged 1 commit intomainfrom
premium-economics-hero-layout

Conversation

@heyitsStylez
Copy link
Copy Markdown
Owner

@heyitsStylez heyitsStylez commented May 6, 2026

Closes #42.

Summary

  • Replace centred 3-wide grid with a full-width hero (Total Premium Collected) + vertically-stacked trio (Notional, APR, Return Rate) layout.
  • Hero gets the green-tinted gradient + green border to mark it as the focal point.
  • Mobile (<600px): single column, hero on top, trio cards stacked below.
  • All four tiles keep their tooltips, ⓘ glyphs, and sub-lines.

Test plan

  • python3 build.py --check passes
  • npm test passes (59/59 — added one structural test)
  • Eyeball desktop: hero spans ~58% width, trio fills remaining 42%, no empty side gutters
  • Eyeball mobile: stacks cleanly, hero font-size reduces
  • Tooltips still appear on hover for all four tiles

🤖 Generated with Claude Code

Replace the centred 3-wide grid (which orphaned the 4th tile) with a
full-width hero + trio layout. Total Premium Collected becomes the focal
point; Notional, APR, Return Rate stack vertically as supporting context.

Mobile collapses to a single column with the hero on top.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
@vercel
Copy link
Copy Markdown

vercel Bot commented May 6, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
hyperwheel Ready Ready Preview, Comment May 6, 2026 2:30pm

@heyitsStylez heyitsStylez merged commit b32c981 into main May 6, 2026
4 checks passed
@heyitsStylez heyitsStylez deleted the premium-economics-hero-layout branch May 6, 2026 14:31
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Premium Economics: hero tile + supporting trio layout

1 participant