CSS Grid Master Challenge

Level {{ currentLevel }}/{{ levels.length }}: {{ currentLevelData.title }}

Mission

New Properties:

  • {{ prop.name }}: {{ prop.description }}

Hint:

CSS Grid Code

.grid-container {
  display: grid;
}

{{ feedback }}

Attempts remaining: {{ attemptsLeft }}

Your Layout

{{ item.content }}

Target Layout

{{ item.content }}

Level {{ currentLevel }} Complete!

{{ currentLevelData.winMessage || "Great job! You've mastered this grid technique." }}

The Force is With You!

You, Padawan, are now a Grid Force Master!