Grid Crawler
Level 1
Welcome! Your goal is to navigate the dungeon and learn some CSS grid along the way.
Use the grid-column rule to move the hero to the treasure. There are 5 columns in this map.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
#board{
display: grid;
grid-template-columns: repeat(5, 125px);
grid-template-rows: repeat(5, 125px);
grid-gap: 5px;
}
.
#hero {
grid-row: 1;
Level Cleared!
Hit next to continue
