SiteLearning & Craft · CSS games
Competitive CSS code-golf platform where you recreate a target image in the fewest bytes of CSS possible.
Why it’s a gem
Turns CSS into a scored sport; fastest way to internalise obscure property tricks
Thirty-two level game that teaches CSS selectors by asking you to select plates, bento boxes and apples.
Browser game with 24 levels where you write flexbox properties to move frogs onto matching lily pads.
Codepip game about CSS transforms, teaching translate, rotate, scale and skew by rearranging scattered objects.
Story-driven course where you fire crossbow bolts at zombies by writing flexbox properties across 12 chapters.
Ice-cream themed browser game for practising CSS selectors and specificity across progressively harder levels.
Puzzle game teaching CSS Grid by having you water carrots and poison weeds using grid placement properties.