Grid Garden

How well can you tend to your carrot garden using CSS grid? In this game, you must water your carrot crops and poison the weeds by mastering CSS grid, a powerful new module that makes 2-dimensional grid layouts a piece of cake. With it you can define columns, rows, and grid template areas.

Learning Objectives

Introduce the fundamentals of using CSS grid to create layouts on a webpage.

Prerequisites

For beginners of CSS grid. Familiarity with the basics of CSS is a plus but not required.