FREE GAME / #418CHALLENGE

Can You Center This Div?

0.0001px threshold. JARVIS HUD. Global leaderboard. Nobody has ever succeeded.

Play Now See Features
0
Successes
2,500+
Quotes
0.0001px
Threshold
418
Teapot
// JARVIS HUD v1.0

DEVIATION: 12.4832px
EARTH SCALE: 12.4 km off center
VERDICT: NOT CENTERED

"Your div is closer to Mars
than it is to centered."

ATTEMPTS: 47
BEST: 0.0034px
// Still not good enough.
Features

Overengineered. On purpose.

JARVIS HUD

Real-time deviation tracking with sub-pixel precision. Crosshair overlay shows exactly how far off you are.

0.0001px accuracy

Earth Scale

Your pixel deviation translated to real-world distance. 3px off? That is 3 kilometers in Earth terms.

Pixels to kilometers

Global Leaderboard

Compete against every player worldwide. Closest deviation wins. Persistent scores stored in Neon Postgres.

Neon Postgres

2,500+ Quotes

Sarcastic failure messages that rotate every attempt. From CSS puns to existential commentary on your centering skills.

Never the same roast

418 Easter Egg

Find the hidden teapot. HTTP 418 "I am a teapot" is real, and it is in the game. Good luck finding it.

I'm a teapot

Share Cards

Auto-generated OG image with your exact deviation. Share your failure on social media. Tag #418Challenge.

#418Challenge
HOW IT WORKS

Three steps. Zero wins.

The rules are simple. The execution is impossible.

1

Drag the div

A red square. A viewport. Drag it to the exact center. JARVIS tracks your every sub-pixel movement.

2

Submit your attempt

Lock in your position. The HUD calculates deviation to 0.0001px. Your score hits the global leaderboard.

3

Share your failure

Get a sarcastic quote, an OG share card, and the crushing realization that you cannot center a div.

Built With

Overengineered stack for a div.

Next.js 16
App Router
Neon Postgres
Leaderboard
Pure CSS
No frameworks
Open Source
MIT License

Think you can center a div?

Successes: 0. Ever.

Free to play. Free to fail. The leaderboard is waiting.

Play Now View on GitHub