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.