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 Try it: 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. submitted by /u/norm_cgi
Originally posted by u/norm_cgi on r/ArtificialInteligence
You must log in or # to comment.