Grid Garden

About Grid Garden

Grid Garden is a browser game for learning CSS Grid layout. Enter rules that water particular grid positions or span selected rows and columns, then see how the garden responds. It is useful when learning to read grid lines and reason about placement without needing to build a full page first. Later puzzles can help compare explicit coordinates with relationships between areas. Once you understand a pattern, try it in a small real layout so you can see how content size and viewport width affect it. The game is most useful as focused practice alongside a reference or a practical CSS project.