Skip to content

site: a cleaner hero on phones - #850

Merged
chaitanyagiri merged 1 commit into
mainfrom
site/mobile-hero-tidy
Nov 12, 2026
Merged

chaitanyagiri merged 1 commit into
mainfrom
site/mobile-hero-tidy

Conversation

@chaitanyagiri

Copy link
Copy Markdown
Collaborator

What & why

The founder looked at munderdiffl.in on his phone (13 Nov 2026) and asked for a cleaner hero. Only docs/index.html changes, and only for screens 700 px wide and under. Wider screens are unchanged.

  • No Sign in in the hero on a phone. It sat beside Send to my computer and pushed Watch it run to its own row. Sign in is still in the header and the menu.
  • Platforms as one row of icons. No "Use agents on" and no names: Mac, Windows, Linux, iOS and Android are icons in one row. The names stay in the page for screen readers, and iOS and Android keep their "Releasing in v0.6.x" tip on tap.
  • A bigger headline with the same two lines. "Coolest app to" and "use agents" keep their lines. The size follows the screen width so both lines always fit: 52 px on a 390 px phone (it was 46), 48 px at 360, 42 px at 320.
  • A smaller description: 15 px, from 17.

Type of change

  • Bug fix
  • New feature
  • Refactor / cleanup
  • Docs
  • Build / CI

Checks

Local render in headless Chrome at 320, 360, 390, 430, 700 and 1440 px. At every phone width both headline lines fit on one line each, the five platform icons sit in one row, and the page has no sideways scroll. No console errors. At 1440 px the hero is as before (Download, Sign in, Watch it run, the platform names).

Evidence

Images are on branch evidence/mobile-hero.

Before

The live page at 390 px.

Before: phone 390

After

390 px:

After: phone 390

360 px and 320 px:

After: phone 360

After: phone 320

Desktop, unchanged:

After: desktop 1440

🤖 Generated with Claude Code

Founder, 13 Nov 2026, from his phone: on screens 700 px wide and under
- no Sign in beside Send to my computer and Watch it run (it is in the
  header already);
- the platforms are one row of icons, no "Use agents on" and no names
  (the names stay for screen readers, and iOS and Android keep their
  "Releasing in v0.6.x" tip on tap);
- the headline is bigger and keeps its two lines, sized from the screen
  width so both lines always fit (52 px on a 390 px phone, from 46);
- the description is 15 px, from 17.
Wider screens are unchanged.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@chaitanyagiri
chaitanyagiri merged commit 2b9c891 into main Nov 12, 2026
7 checks passed
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.

1 participant