Grid Town: learn CSS grid by building a town

Grid Town is a CSS game: write real CSS grid to build houses, shops and a park on their lots in a town seen from above, in 32 puzzles. Free to play.

How to play

1. Read the puzzle: it says where each building goes, and stakes and rope on the map mark its lot.
2. Type CSS in the editor. The town changes as you type, and the grid lines show the numbered lines between the lots.
3. A property the puzzle doesn't use is crossed out. Stuck? Open a hint, and after three tries, Show me fills in the answer.
4. Every building on its lot solves the puzzle. The 32 puzzles go from display: grid to lines, maps, towns that fit any width, and subgrid.

Free for everyone. Play as a guest and nothing is saved; registration is free and keeps track of your stats and progress.

Start puzzle 1

Every game