flexboxfroggy

flexboxfroggy copied to clipboard

Level 15, I expected order: 1; (or order: 0;) to move the red frog to the first lilypad.

To be sure, order: 5; does put the red frog on the 5th lilypad (ie, nothing is reversed). However any other value for order, keeps the red frog on the 4th (starting) lilypad! I cannot get it to move to 1st, 2nd, or 3rd lilypad with order: 1;, order: 2;, or order:3; or order:0;.

All other levels work fine for me (though level 24 vexed me with wrap-reverse).

Am I just missing something obvious ? I'm using chrome, on win 7, in full screen.

I see now that I misunderstood how order works. The first order exercise gave me a false impression that I understood how it worked, as order: 3 was correct. Being forced to move the frog to the first position on the first exercise would have be more beneficial, IMHO. There would be no ambiguity of a wrong answer appearing correct, and being accepted as correct.

Additionally, the instructions on the previous page clearly point out that "all items have a default order of '0'", so trying -1 would have been a natural choice. By the time I got to this exercise, I no longer had this clue, and I had false idea of how it worked.

..starting from the lowest numbered ordinal group and going up.
Items with the same ordinal group are laid out in the order they appear in the source document.

at https://tympanus.net/codrops/css_reference/flexbox/#section_order clarified this for me.

Also, swapping the order of the two order exercises might have be helpful.

Hey @SherylHohman, thanks for your comments. Point well taken about level 14 causing misconceptions about how order works. I'll look into tweaking something like the order of the levels or adding a clue to the level 15 instructions to help people get unstuck.

There are a couple of things that help with this right now though. First is players can freely move back and forth between levels to review earlier info. Second is that you can hover underlined properties to get similar info. For order, it also gives you example values:

Your suggestion in #110 to add hints or solutions would also help deal with this.

-1 is the correct answer

I happened to have a problem with the order in the last exercise

I would really like to view some hints if it possible