CSS code challenges fall from the top of the screen. Type the missing CSS value or property before they reach the bottom to destroy them and survive!
Auto-Targeting: The game automatically targets the challenge closest to the bottom. A pink laser pointer shows which one you're solving.
Type the Answer: Look at the challenge and type only the missing CSS part (the __ blank). Your input appears at the bottom of the screen.
Flexible Answers: For most challenges, any valid CSS value works! Type any color name, any valid size, any valid property, etc.
color: __;red, blue, #fff, or any CSS color!display: __;block, flex, grid, none...__: bold;font-weightpadding: __;10px, 1rem, 0, auto...position: __;relative, absolute, fixed, stickyCombos: Solve challenges in a row without mistakes to build combos. Higher combos = more points!
SPM: Solutions Per Minute measures your solving speed.
Powerups: Destroyed challenges may drop powerups like Shield, Slow Time, 2x Score, Bomb, Heal, and Freeze.
Every 5 waves, a boss challenge appears with 3 HP. You must solve it three times to destroy it. Each correct answer deals 1 damage.
Easy: Basic properties like color, display, margin
Normal: Flexbox, positioning, backgrounds, typography
Hard: CSS Grid, transitions, animations, pseudo-classes, custom properties
Insane: @media, @keyframes, complex selectors, CSS functions, container queries
• Type faster to build higher combos
• Focus on the challenge closest to the bottom (auto-targeted)
• Use powerups strategically to survive longer
• Any valid CSS value works — be creative!
• Pink laser shows which challenge you're solving
• Backspace clears your current input
How would you like to enter answers?
Built-in on-screen keyboard
Your phone's default keyboard
You can change this later in Settings