https://github.com/chandraprakash-bathula/grid-garden-solutions

This repository contains all the solutions of grid-garden game.
https://github.com/chandraprakash-bathula/grid-garden-solutions

css3 flexbox-grid grid-layout html5

Last synced: 23 days ago
JSON representation

This repository contains all the solutions of grid-garden game.

• Host: GitHub
• URL: https://github.com/chandraprakash-bathula/grid-garden-solutions
• Owner: ChandraPrakash-Bathula
• Created: 2024-01-03T01:12:32.000Z (about 1 year ago)
• Default Branch: master
• Last Pushed: 2024-01-03T02:40:42.000Z (about 1 year ago)
• Last Synced: 2024-11-07T10:53:53.208Z (2 months ago)
• Topics: css3, flexbox-grid, grid-layout, html5
• Homepage:
• Size: 10.5 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Grid-Garden-Solutions

Grid Garden is an interactive and educational web-based game designed to teach beginners the fundamentals of CSS grid layout in a fun and engaging way. The game presents players with a grid-based garden that needs to be properly arranged by applying various CSS grid properties. As players progress through the levels, they learn essential concepts such as grid-template-rows, grid-template-columns, grid-column, and grid-row, gaining hands-on experience in creating responsive and well-organized layouts. The Git repository for Grid Garden houses the source code and assets, making it accessible for contributors and providing a platform for collaborative development. With a clear and intuitive interface, Grid Garden encourages users to experiment with grid layouts, fostering a deeper understanding of CSS grid while making the learning process enjoyable and interactive.