Grid Garden
Learn CSS grid by growing a carrot garden.
Open-source project "Grid Garden" by Thomas Park (Codepip), used under the MIT license. Source code
Runs in your browser. Nothing you enter is sent or stored.
How to use Grid Garden
- Read the level's instructions.
- Write CSS grid code to water the carrots (and only the carrots).
- Clear all 28 levels to master CSS grid.
Frequently asked questions
Do I need to know CSS?
No. Each level explains the property you need.
Who made it?
Thomas Park of Codepip, open source under the MIT License.
Is Grid Garden free?
Yes. Grid Garden is free to use with no sign-up and no watermark.
Is my information saved or sent anywhere?
No. Everything is calculated in your browser. Nothing you enter is sent to a server or stored.
Does it work on my phone?
Yes. It works in any modern browser on Windows, Mac, Linux, Android and iPhone. Very large files may be slow on older phones.