Flexbox Defense
Place defense towers with flexbox CSS to stop the enemies
Flexbox Defense is a tower defense game where you place your towers with CSS instead of the mouse. Enemies try to get past your defenses, and you stop them by writing flexbox properties that move the towers into good positions.
Free · No login · Browser · Beginner
About Flexbox Defense
The 12 levels cover justify-content, align-items, flex-direction, align-self and order. It suits beginners who know a little CSS and want to practice the main flexbox properties.
The game is free and runs in the browser. It was made by Channing Allen.
On Breakpoint since 23 Oct 2026.