#grid garden

[mrd-design]

Grid Garden

A game for learning CSS grid layout

[codepip]

Grid Garden: A game for learning CSS grid

[bootswatch]

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!