A game for learning CSS grid layout
seen from Nepal
seen from Saudi Arabia
seen from India

seen from New Zealand

seen from Netherlands

seen from Israel
seen from Russia
seen from Pakistan
seen from United States

seen from New Zealand
seen from Hong Kong SAR China

seen from Malaysia

seen from Singapore
seen from China

seen from China
seen from Yemen

seen from Malaysia
seen from China
seen from Nepal

seen from New Zealand
A game for learning CSS grid layout
Grid Garden: A game for learning CSS grid
Learn CSS Grid with Grid Garden
I’ve released a new game for learning CSS grid called Grid Garden.
CSS grid brings columns and many other powerful layout features that we’ve relied on frameworks like Bootstrap for to native CSS! Browser support is on the upswing, with CSS grid landing in Firefox, Chrome, and Safari just last month.
Grid Garden is a follow-up of sorts to Flexbox Froggy, which is a coding game for learning CSS flexbox, prominently used in version 4 of Bootstrap.
Whether you use Bootstrap, another framework, or vanilla CSS, you’ll want to be familiar with CSS grid. Dive into it with Grid Garden!