CSS Master · Flexbox
Flex Strike — CSS Flexbox shooter
Your turrets sit on a flex rail and only fire straight ahead. Write the Flexbox that lines every turret up with its target, then fire.
Read the briefing
Each wave is a layout question. Hostiles hover where the answer would put your turrets.
Write the CSS
Type real Flexbox into the rail and turret rules. No dropdowns, no hints unless you ask.
Fire
Ctrl + Enter. Turrets fire straight along their line. Every miss draws return fire.
Recruit
One rail, container properties only. Turrets follow your code live and aim lines lock on when you are lined up.
- 8 waves
- 90s per wave
- live preview
- lock-on
Operator
Side rails, order and auto margins. Turrets still move live, but there is no lock-on: judge the line yourself.
- 8 waves
- 75s per wave
- live preview
- aim lines
Elite
Flex grow, basis, margins and combined rules. No live preview: the turrets only move when you fire, like answering on a whiteboard.
- 8 waves
- 60s per wave
- no preview
- no aim aids
About Flex Strike
Flex Strike is a CSS Flexbox game with shooter energy: aim the rail and turrets by writing real CSS, then fire. Twenty-four waves drill the Flexbox props that trip people up in interviews.
What you practice
- justify-content
- gap
- order
- margin: auto
- flex-grow
- align-items
FAQ
- What is Flex Strike?
- Flex Strike is a free Flexbox shooter game on Playhire. You write CSS to line up turrets with hostiles, then fire. It covers Easy, Hard and Pro waves for progressive Flexbox practice.
- Which CSS properties does Flex Strike use?
- Waves focus on justify-content, gap, order, auto margins, flex-grow and align-items — core CSS Flexbox skills for layout interviews.
- Are these CSS Flexbox games free?
- Yes. Every Playhire CSS game — Flex Escape, Flex Strike, Blueprint, Drone Dock and more — is free to play in the browser. Sign in only if you want XP, leaderboard rank and certificates.
- Do I need to install anything to play a CSS game?
- No. Open the game in your browser, write real CSS, and see the layout update instantly. No npm install, no signup required to start.
- Is this a Flexbox Froggy alternative?
- Playhire’s Flexbox games teach the same CSS Flexbox skills (justify-content, align-items, flex-direction, gap, order, flex-grow) but with different themes: escape rooms, shooters, blueprints and drone docking — plus Grid, selectors and HTML labs on the CSS Master path.