flexboxfroggy icon indicating copy to clipboard operation
flexboxfroggy copied to clipboard

[Suggestion] Add levels related to flex-grow and flex-shrink

Open stof opened this issue 10 years ago • 7 comments

None of the existing levels is using flex-grow or flex-shrink. It may be a good idea to use these more advanced features too (it may be harder to visualize them with frogs though)

stof avatar Nov 25 '15 12:11 stof

Thanks for the suggestion. Those properties are pretty tricky, but I'd still like to incorporate them into the game somehow. Same goes for a few values I skipped, like baseline, and stretch.

thomaspark avatar Nov 25 '15 20:11 thomaspark

Yup would be really nice. Good job !

mparpaillon avatar Nov 26 '15 13:11 mparpaillon

+1

dawidk92 avatar Dec 01 '15 22:12 dawidk92

i imagine it would be frogs being wide or slim, following this example: http://codepen.io/HugoGiraudel/pen/9a9ad8fb040f5efaf4e749b49cae7281

d48 avatar Dec 02 '15 00:12 d48

Appreciate more exercises on align-content and align-items to really show the difference.

caalberts avatar Dec 03 '15 04:12 caalberts

Could draw inspiration from the story of Tiddalik the Frog (https://en.wikipedia.org/wiki/Tiddalik).

In the telling of the myth, Tiddalik awoke one morning with an unquenchable thirst, and began to drink until all the fresh water was greedily consumed. Having one frog drink much of the water and grow could be a good background for why the frogs are growing/shrinking.

evolve2k avatar Dec 06 '15 06:12 evolve2k

definitely it would be really nice to have some levels for flex-grow, flex-shrink and flex-basis and their shorthand.

scizor666 avatar Oct 31 '18 05:10 scizor666