I made a game where you center a div. The threshold is…
0 reactions
I made a game where you center a div. The threshold is 0.0001px. Nobody has ever won.
I built "Can You Center This Div?" for the DEV April Fools 2026 challenge.
https://preview.redd.it/o8ui13jx11tg1.png?width=3840&format=png&auto=webp&s=0e6f32c13af689d242d2f63b4cdd6d6d15002e78
You drag a div to the center of the screen. That's it. The catch: the success threshold is 0.0001 pixels, roughly 5,000x smaller than a single pixel on a Retina display.
The global success counter reads 0. It has always read 0.
The whole thing is wrapped in a JARVIS-style HUD with real-time deviation readouts, a logarithmic precision meter, a global leaderboard, radar sweep with live player blips, and an "Earth Scale" that translates your pixel miss to real-world distance. Miss by 3px? That's 49,000km on Earth. Congrats, you missed by more than the circumference.
Other features:
\- 2,500+ quotes based on how far off you are
\- Share cards for every platform (1080x1080 PNG)
\- Hidden 418 teapot easter egg (3D particle cloud with steam)
\- Anti-cheat that rejects suspiciously close submissions with HTTP 418
\- Light and dark mode
\- Open source
Stack: Next.js 16, React 19, TypeScript, Neon Postgres (serverless), pure CSS for 90% of the visuals. No animation libraries. Game logic is a single custom hook.
GitHub: github.com/raxxostudios/center-this-div http://github.com/raxxostudios/center-this-div
Try it: center-this-div.vercel.app http://center-this-div.vercel.app
The anti-value proposition: this app takes the most solved problem in CSS and makes it unsolvable.
Happy April Fools. The joke is your CSS skills.
#dev #programming #technology
I built "Can You Center This Div?" for the DEV April Fools 2026 challenge.
https://preview.redd.it/o8ui13jx11tg1.png?width=3840&format=png&auto=webp&s=0e6f32c13af689d242d2f63b4cdd6d6d15002e78
You drag a div to the center of the screen. That's it. The catch: the success threshold is 0.0001 pixels, roughly 5,000x smaller than a single pixel on a Retina display.
The global success counter reads 0. It has always read 0.
The whole thing is wrapped in a JARVIS-style HUD with real-time deviation readouts, a logarithmic precision meter, a global leaderboard, radar sweep with live player blips, and an "Earth Scale" that translates your pixel miss to real-world distance. Miss by 3px? That's 49,000km on Earth. Congrats, you missed by more than the circumference.
Other features:
\- 2,500+ quotes based on how far off you are
\- Share cards for every platform (1080x1080 PNG)
\- Hidden 418 teapot easter egg (3D particle cloud with steam)
\- Anti-cheat that rejects suspiciously close submissions with HTTP 418
\- Light and dark mode
\- Open source
Stack: Next.js 16, React 19, TypeScript, Neon Postgres (serverless), pure CSS for 90% of the visuals. No animation libraries. Game logic is a single custom hook.
GitHub: github.com/raxxostudios/center-this-div http://github.com/raxxostudios/center-this-div
Try it: center-this-div.vercel.app http://center-this-div.vercel.app
The anti-value proposition: this app takes the most solved problem in CSS and makes it unsolvable.
Happy April Fools. The joke is your CSS skills.
#dev #programming #technology
| 1,000 mlx | |
| 2 | |
| 0 |