I Asked Claude to Center a Div
I needed to center a div. A div that says hello.
So naturally, I opened the world's most advanced AI, received 3 centering methods, a CSS Grid fallback for IE11, and a design tokens file I did not ask for.
412 tokens. One centered div. Zero regrets.
──────────────────────────────────
The 1x Developer — where we use the most sophisticated AI ever built
for the least sophisticated tasks imaginable.
New episodes weekly. Approximately.
──────────────────────────────────
Chapters:
00:00 The 1x Developer
00:17 The Div Problem
00:27 541,000,000 Results
00:55 Claude Takes Over
01:07 The Flexbox Solution
01:32 The Grid Fallback (for IE11)
01:57 The Unsolicited File
02:28 The Margin Fallback
02:52 412 Tokens
03:08 The Div Is Centered
03:19 It Will Never Be Uncentered
03:46 Next Week
03:55 Subscribe (or don't)
──────────────────────────────────
Tools used:
• Claude Code
• CSS (Flexbox + Grid + margin: 0 auto)
• 412 tokens
• 1 unsolicited design-tokens.css
• 0 lines I wrote