Yes, CSS counts. Bite-sized browser games that finally make selectors, flexbox and grid click for good. This page focuses on games where CSS is part of the actual play loop: you write scripts, solve puzzles, control bots or build systems instead of only reading a lesson.
Start with Flexbox Froggy, CSS Diner and Grid Garden if you want learning. The mix currently leans beginner, so use the ratings and difficulty labels to choose a first game that matches your comfort level.
For learners, the useful question is not just “does this game support CSS?” It is whether the game gives feedback you can reason about: a bot decision, a failing puzzle, a resource loop, a layout rule or a simulation that exposes what your code did wrong.
We keep the list narrow on purpose. If a game only mentions CSS in a side feature, it belongs in the full catalog, not here. The goal is to help you find practice where the language matters to the core loop, with enough context to compare options before opening each review.
Below are the 3 CSS programming games we track, ranked by rating. Browse the full catalog →

Flexbox Froggy
OnlineFreeest. 2016★4.6 (421)Write CSS flexbox properties to guide frogs onto their lily pads — the canonical way to finally understand flexbox.

CSS Diner
OnlineFreeest. 2015★4.5 (312)Learn CSS selectors by writing them to grab the right plates, bento boxes and sushi off a restaurant table.

Grid Garden
OnlineFreeest. 2017★4.5 (248)Grow a carrot patch by writing CSS Grid properties — a tiny, free game that teaches grid layout one level at a time.