I built "Can You Center This Div?" for the DEV April Fools 2026 challenge.



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.