What
Audit the platform on a phone-sized viewport (or DevTools device emulation) and fix layouts that break, get cut off, or become unusable on small screens. The platform is currently designed for desktop first; mobile support has not been systematically tested.
Why this matters
Many students access learning material on phones, especially when reviewing. A volume or simulation that's unplayable on mobile cuts off a meaningful chunk of the audience.
Scope
Cover each game at minimum on iPhone 14 width (390px) and a typical Android width (~360px):
For each, list the issues you find (overflow, tiny tap targets, hidden content, broken charts) and propose fixes.
How to contribute
This is a larger piece of work — you don't need to do all of it in one PR. Reasonable scopes:
- Audit only: a single PR that adds a
docs/MOBILE_AUDIT.md listing what you found in each game, with screenshots. Future PRs can fix the items.
- Fix one game: pick one game and submit a PR that makes it work on mobile, with before/after screenshots.
Comment which scope you're tackling so we can coordinate.
Constraints to keep in mind
- No new dependencies / no framework — fixes should be CSS / media-query / minor layout changes, not "rewrite in React"
- 3D scenes (Three.js) in Brew & Budget and RoboVault may genuinely not be playable on small screens; flagging that with a "best on tablet+" notice is an acceptable resolution for those specifically
- Don't break desktop — verify both viewports after each change
What
Audit the platform on a phone-sized viewport (or DevTools device emulation) and fix layouts that break, get cut off, or become unusable on small screens. The platform is currently designed for desktop first; mobile support has not been systematically tested.
Why this matters
Many students access learning material on phones, especially when reviewing. A volume or simulation that's unplayable on mobile cuts off a meaningful chunk of the audience.
Scope
Cover each game at minimum on iPhone 14 width (390px) and a typical Android width (~360px):
index.html)For each, list the issues you find (overflow, tiny tap targets, hidden content, broken charts) and propose fixes.
How to contribute
This is a larger piece of work — you don't need to do all of it in one PR. Reasonable scopes:
docs/MOBILE_AUDIT.mdlisting what you found in each game, with screenshots. Future PRs can fix the items.Comment which scope you're tackling so we can coordinate.
Constraints to keep in mind