Solving Flexbox Froggy level 24

flex-flow:column-reverse wrap-reverse;
justify-content:center;
align-content:space-between;

My solution!

justify-content:center;
align-content:space-between;
flex-wrap:wrap-reverse;
flex-direction:column-reverse;

for me this solution works> i really enjoy it: <3

flex-flow: row-reverse wrap;
justify-content: center;
align-content: space-between;
rotate: 90deg;

I never imagine wrap-reverse was a thing but if you dont know that you can do this too:

My solution is this.

Thanks. I didn't know there was such thing as "wrap-reverse" and I didn't read the guide from previous levels properly. Lol

im hard worker not smart worker :,)

flex-flow: column wrap;
flex-direction: column-reverse;
align-items: flex-end;
justify-content: center;
align-content: space-between;
flex-wrap: wrap-reverse;

#pond 
{
display: flex;
flex-flow: column-reverse wrap-reverse;
justify-content: center;
align-content: space-between;
}

This is the flexbox froggy level 24 solved in 3 steps

The trickiest part is using flex-flow column and wrap and reversing them.

flex-flow: column-reverse wrap-reverse;

Thanks. I didn't know there was such thing as "wrap-reverse" and I didn't read the guide from previous levels properly. Lol

They didn't really mention wrap-reverse specifically, just that flex-flow is a combination of flex-wrap and flex-direction . It's really tricky to try the values of each property and know we can literally combine them into one (e.g. column-reverse)