Grid Garden

by Thomas Park · Learning · Open source

CheckedBrowser

Free

Plays in your browser, on computers and phones.

Grow your carrot garden by writing CSS grid code.

Learn CSS grid layout by writing rules that direct water and poison to specific garden plots. Type CSS properties into the editor to align elements and nurture carrots while avoiding weeds. Advance through increasingly complex challenges covering rows, columns, and grid area shorthand.

How to play

Keyboard
Phone and computer

Plays by touch on phones, and with a keyboard or mouse on computers.

Click inside the game first so it gets your keys. Your progress is saved in this browser.

Credits

Made by: Thomas Park
Code: MIT License
Source: github.com/thomaspark/gridgarden

Created by Thomas Park, with translations by the community. Code under the MIT License; images by Thomas Park under CC BY 3.0.

Ratings and comments

No reviews yet. Anyone who plays it on GamesXi while signed in can review it a day later.

More games

See all