Skip to content

Commit af289b4

Browse files
feat: add mobile note for better user experience
1 parent 24403a7 commit af289b4

1 file changed

Lines changed: 8 additions & 0 deletions

File tree

app/page.tsx

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -146,6 +146,14 @@ export default function GameOfLifePage() {
146146
</aside>
147147

148148
<main className="flex min-w-0 flex-1 flex-col items-center gap-6 overflow-auto px-0 lg:px-6 lg:py-6">
149+
<section className="w-full max-w-3xl rounded-xl border border-border/50 bg-card/60 px-4 py-3 text-xs text-muted-foreground backdrop-blur-md md:hidden">
150+
<p className="font-mono">[mobile note]</p>
151+
<p className="mt-1 text-balance">
152+
Designed for desktop. You can still explore Conway on mobile, but you will probably
153+
enjoy it more on a larger screen.
154+
</p>
155+
</section>
156+
149157
<section className="w-full max-w-3xl rounded-xl border border-border/50 bg-card/60 px-4 py-4 text-sm text-muted-foreground backdrop-blur-md lg:px-5">
150158
<p>
151159
This is Conway’s Game of Life: a small simulation where simple rules create surprising

0 commit comments

Comments
 (0)