Solutions Flexbox Froggy

Flexbox Froggy answers

1)  justify-content: flex-end;
2)  justify-content: center;
3)  justify-content: space-around;
4)  justify-content: space-between;
5)  align-items: flex-end;
6)  align-items: center;
    justify-content: center;
7)  justify-content: space-around;
8)  flex-direction: row-reverse;
9)  flex-direction: column;
10) flex-direction: row-reverse;
    justify-content: flex-end;
11) flex-direction: column;
    justify-content: flex-end;
12) flex-direction: column-reverse;
    justify-content: space-between;
13) flex-direction: row-reverse;
    justify-content: center;   
    align-items: flex-end;
14) order: 1;
15) order: -3;
16) align-self: flex-end;
17) align-self: flex-end;
    order: 1;
18) flex-wrap: wrap;
19) flex-direction: column;
    flex-wrap: wrap;
20) flex-flow: column wrap;
21) align-content: flex-start;
22) align-content: flex-end;
23) flex-direction: column-reverse;
    align-content: center; 
24) flex-flow:column-reverse wrap-reverse;
    justify-content:center;
    align-content:space-between;

7. justify-content: space-around;
   align-items: flex-end;

15. order: -1;

why the answer of 15 is -3 or -1

level 11 is a bit tricky

why the answer of 15 is -3 or -1

well even -4 and -2 works to make it even harder to understand write evry word you want just include (-) e.g -300 works

Nice job :)

thank you very much

thank you

7. justify-content: space-around;align-items: flex-end;

All level completed

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

Thank you so much for sharing the answers!
I was stuck in two questions but this helped me :)

20: flex-flow: column-reverse wrap

24th level is almost like a school exam. Lessons that are not taught come out on the exam

flex-direction: column-reverse;
align-content: center;

i didn`t understend some of these things and then on the lvl 24 i was dead.

Only level 24 is good one:- flex- flow: column-reverse wrap-reverse;
justify-content:center;
align-content: space-between;

24 level solution.
flex-wrap: wrap-reverse;
flex-direction:column-reverse;
justify-content:center;
align-content:space-between

19 flex-flow: wrap column-reverse

👍🏼

13?

I assumed that they were going to do align-self for the yellow frogs on level 24. Eh, oh well.

12?

thank you brother, i still 30 munites in 24

i didn`t understend some of these things and then on the lvl 24 i was dead.

same here bro we both are beginners that's why😂

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

Not gonna lie they had me in align-content and first half of 24

24 level solution. flex-wrap: wrap-reverse; flex-direction:column-reverse; justify-content:center; align-content:space-between

thanks,

Thanks, I got stuck to three questions. Now it is clear

why order is 1 in 17 question?