grid garden

We have hosted the application grid garden in order to run this application in our online workstations with Wine or directly.

Quick description about grid garden:

Grid Garden is an interactive browser game for learning CSS Grid layout. It teaches Grid concepts by asking players to water carrots and avoid weeds using CSS grid properties. The game makes grid placement, sizing, and alignment feel concrete through visual levels instead of static documentation. Learners practice properties such as grid-column-start, grid-column-end, grid-row-start, grid-row-end, grid-template-columns, grid-template-rows, and order. The repository includes the web game source, assets, translation files, and localization guidance for contributors. Overall, it is a practical tutorial for anyone who wants to understand CSS Grid through short, playful, hands-on exercises.

Features:

• Interactive CSS Grid learning game
• Visual garden puzzle format
• Practice with grid rows, columns, placement, and sizing
• Browser-based tutorial experience
• Community translation support
• MIT-licensed code with Creative Commons image assets

Programming Language: JavaScript.
Categories: