IssueRaiser

Level 26 is difficult to understand

I love Flexbox Froggy and Grid Garden; thank you for this great resource. I was in a nice flow state with Grid Garden levels gradually increasing in difficulty. ![image](https://user-images.githubusercontent.com/79827/38165709-a548e046-34e5-11e8-8105-e3b31cb685eb.png) Then level 26 happened. It's such a frustrating jump in complexity. Most of the time I was scratching my head trying to figure out the instructions: > Use grid-template-rows to water all but the top 50 pixels of your garden. Note that the water is set to fill only your 5th row, so you'll need to create 5 rows in total. I read and re-read this so many times. I was thinking: "There are multiple rows of vegetables but for some weird reason, the water can only fill the 5th row? But I'm supposed to create 5 rows? That doesn't make any sense." Eventually I "figured out" that I was supposed to subdivide the 50px of space into 4 tiny rows. So far the levels had felt grounded in the garden metaphor. But this level felt like a gotcha riddle with no rationale in the garden. Why 4 tiny rows of dirt but 1 enormous "row" covering rows of vegetables? Even a little thing like having to make the rows 12.5px instead of an even number like 10px felt unnecessary and annoying. I imagine level 26 is intended to teach a specific concept. I hope the level can be reworked to teach that concept in a simpler way. Otherwise, great job on the flow.

Posted by robertpenner on Mar 31, 2018, 5:09 PM

Tags

Related issues

Raise real-world problems, find people facing the same issue, and discuss solutions.4,000 issues0 comments

ux (Other)

Level 26 is difficult to understand

robertpennerMar 31, 2018, 5:09 PM

I love Flexbox Froggy and Grid Garden; thank you for this great resource. I was in a nice flow state with Grid Garden levels gradually increasing in difficulty. ![image](https://user-images.githubusercontent.com/79827/38165709-a548e046-34e5-11e8-8105-e3b31cb685eb.png) Then level 26 happened. It's such a frustrating jump in complexity. Most of the time I was scratching my head trying to figure out the instructions: > Use grid-template-rows to water all but the top 50 pixels of your garden. Note that the water is set to fill only your 5th row, so you'll need to create 5 rows in total. I read and re-read this so many times. I was thinking: "There are multiple rows of vegetables but for some weird reason, the water can only fill the 5th row? But I'm supposed to create 5 rows? That doesn't make any sense." Eventually I "figured out" that I was supposed to subdivide the 50px of space into 4 tiny rows. So far the levels had felt grounded in the garden metaphor. But this level felt like a gotcha riddle with no rationale in the garden. Why 4 tiny rows of dirt but 1 enormous "row" covering rows of vegetables? Even a little thing like having to make the rows 12.5px instead of an even number like 10px felt unnecessary and annoying. I imagine level 26 is intended to teach a specific concept. I hope the level can be reworked to teach that concept in a simpler way. Otherwise, great job on the flow.

Comments (0)

No comments yet. Start the discussion.

Comment on this issue