I need help with a complicated quiz design

Submitted by RubenR on March 25, 2025

I just made this flag maze quiz. It has only 1 big problem.

You can just click any country you want, but the idea of the quiz is to click all the tiles in the right order. So start with Canada and then USA. But the quiz now accepts it if you click Germany right away.

is it even possible to make it so that you have to click all the tiles in the correct order?

10 Comments

Level 56

Mar 25, 2025

Also your quiz doesn't work on mobile bc there are 3 rows instead of 5

Level 65

Mar 25, 2025

You are right. I think I will have to leave this quiz idea for what it is

Level 65

Mar 25, 2025

Okay that would be a shame. The quiz is not really playable if you can just click on everything

Level 83

Mar 25, 2025

I believe you can force the table to be 5 columns using css. You can also make the flags smaller when the user is on a mobile device.

Level 65

Mar 25, 2025

I managed to make the flags smaller when playing on your phone. I can't figure out how to get 5 columns next to each other

Level 83

Mar 25, 2025

I’ve never actually done it, but something like this in css

table {

table-layout: fixed;

width: 100%;

}

td, th {

width: 20%;

}

Level 83

Mar 25, 2025

And you might need to throw in some !important tags. Make sure it only applies to the quiz table, though, not the stats and everything. So table.quiz (or table.[whatever the class of the table is]). And if it doesn’t have a class, use its id table#idoftable

Level 65

Mar 26, 2025

Okey thank you! I will have a look at it

Level 81

Mar 25, 2025

Fun quiz. Though, I'd suggest fixing the ending, since Armenia to Iran is also a valid combination (skipping Georgia / Azerbaijan).

Level 65

Mar 25, 2025

Thanks, you are right. It is fixed now