previous

page 15

next
additions to my styles.css
#map {
height:43vmin;
}
#map_keyboard {
display:flex;
flex-direction:column;
}
#game {
display:flex;
}

This produces the desired result but only in landscape mode - we'll look at how to adjust for portrait mode later.

Now it's time for the most important work of all - improving the player's experience.

We'll look at moving on to the next square automatically. This will be quite tricky because there's no point in moving on to a square that is already correctly filled in.

We'll also need to know when the round is finished so we don't go round in circles forever looking for the next square. This means we need to keep count and we need to know how many letters are missing.

When finished we should highlight the first letters to emphasize that aspect of the game.

And of course there's that "another go" facility from the map.

Not forgetting that we don't want to always start with ALBANIA!

previous
next