Solving Flexbox Froggy level 24

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

Flexbox Properties Explanation

/* Setting flex-direction to column-reverse
   This makes the flex container's main axis vertical, and the flex items are arranged from the bottom to the top. */
flex-direction: column-reverse;

/* Setting flex-wrap to wrap-reverse
   This allows flex items to wrap onto multiple lines, but in reverse order (from bottom to top or right to left depending on flex-direction). */
flex-wrap: wrap-reverse;

/* Setting justify-content to center
   This centers the flex items along the main axis (vertical in this case due to column-reverse). */
justify-content: center;

/* Setting align-content to space-between
   This distributes flex lines evenly along the cross axis with space between them. */
align-content: space-between;

It is valid! 😅

How did you get your frogs upside down lol

😂😂😂😂😂 LOL
😂😂😂😂😂 LOL hhhhhh

At first I also forgot about the wrap-reverse but then I started rummaging at their CSS property descriptions and found out about the wrap-reverse thing.

(I read this only after solving this myself)

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.