Hall 01 · Free game

Can you center this div?

Drag one red square to the exact centre. The threshold is 0.0001px. Nobody has made it yet.

Freefree game · open source · MIT

Center This Div in play on a laptop: the dark arena with the crosshair, the player's red box labelled div, and the swarm of cyan dots it has to be centred against

No. 07 · Center This Div · Live

Hall 02 · Features

Overengineered. On purpose.

Six features for one red square.

  • JARVIS HUD

    Sub-pixel deviation tracking with a crosshair overlay. 0.0001px accuracy.

  • Earth Scale

    Your deviation mapped onto the circumference of Earth. Missing by one pixel is missing by kilometres.

  • Global leaderboard

    Closest deviation wins. Scores persist in Neon Postgres.

  • 1,600+ quotes

    A different roast on every failed attempt.

  • 418 easter egg

    HTTP 418, I am a teapot, is real, and it is hidden in the game.

  • Share cards

    An OG image with your exact deviation, ready to post.

Hall 03 · How it works

0

Successes. Ever. Globally.

07aHow it works

Simple rules. Zero winners.

Drag the square to the centre and submit. The HUD measures to 0.0001px, your score lands on the leaderboard, and you get a quote about your failure.

Hall 04 · Questions

Questions.

Something missing? Email help@raxxo.shop

Is it free?

Yes. Free to play, free to lose, MIT licensed. Any browser, at center-this-div.vercel.app.

Has anyone ever centered the div?

No. Zero successes. The threshold is 0.0001px and the HUD tracks every sub-pixel. The leaderboard ranks the closest miss instead.

What is the 418?

HTTP 418, I am a teapot, is a real status code. The teapot is hidden in the game. Find it.

What is it built with?

Next.js with the App Router, Neon Postgres for the leaderboard, plain CSS. The source is on GitHub under MIT.