Not able to solve the Last Challenge of http://flexboxfroggy.com/

1

I stumbled upon this site( http://flexboxfroggy.com/ ) through one of the articles and I solved all the challenges in that except for the last one(24). I’m writing the below solution but couldn’t get the frogs home.

flex-flow:column-reverse wrap-reverse;
justify-content:center;
align-items:stretch;
align-content:stretch;

Can somebody tell where I’m wrong and what could be the solution to it?

1 Like
2

What a fun website. Without spoiling everything, I solved the problem by using flex-direction, flex-wrap, align-content, and justify-content.

You should be able to set the green and red frogs using just flex-direction and flex-wrap. From there, you can move the yellow frogs around using align-content and justify-content.

3

Thanks. It worked. This is what I wrote:
flex-direction:column-reverse;
flex-wrap:wrap-reverse;
justify-content:center;
align-content:space-between;