Eco Grid

Learn CSS Grid by watering plants — 24 levels covering all grid properties

Coding & Computational Thinking Ages all ages css grid web development problem solving
Sign up to play (free, 30 seconds)

Free account. No card required. Track your kid's progress.

What you'll learn

Learn CSS Grid by watering plants — 24 levels covering all grid properties

Skills developed

How to play

  1. Read the task and look at the target garden layout
  2. Type or tap the correct CSS Grid value in the code editor
  3. Watch your garden update to match the target
  4. Complete all 24 levels to finish the garden

Ready to play Eco Grid?

Sign up free

All 105+ games unlocked instantly. No ads, no microtransactions.