Skip to content
breakpoınt

Grid Garden

Water a carrot garden by writing CSS grid code

In Grid Garden, you water a carrot garden by writing CSS. Each level shows a grid, and you use CSS grid properties to cover exactly the areas where the carrots grow.

Free · No login · Browser · Beginner

Grid Garden preview

About Grid Garden

Across 28 levels you learn how to place items with grid-column and grid-row, use grid-area, and define columns and rows with grid-template. It suits beginners who know a little CSS and want to understand grid layout.

It runs in the browser and the game is available in many languages.

On Breakpoint since 23 Oct 2026.

Is this your game? Update the listing

Keyboard shortcuts

j / k
Move down / up the list (this page)
] / [
Next / previous page
o
Open the focused game
b
Save or unsave the focused game
/
Search (the home list, or the command palette elsewhere)
Ctrl K
Command palette: games, skills, pages (works even when single keys are off)
?
This help