Add: CSS Grid Quest - Interactive Learning Game

[saidai-bhuvanesh]

CSS Grid Quest

An interactive game to learn CSS Grid through hands-on challenges.

Game Mechanics

• 6 progressive difficulty levels
• Visual grid preview
• Click to select properties
• Instant feedback
• Score tracking

Levels

1. Grid Basics
2. Column Sizes
3. Gap Practice
4. Repeat Function
5. No Gap
6. Grand Finale

Features

• LocalStorage progress
• Hints system
• Dark mode support

Use Cases

• Learning CSS Grid
• Interactive education

Files Needed

• quests/css-grid-quest.html
• quests/css-grid-quest.png
• data/quests.json (update)

Points

Difficulty: Easy | Points: 20