FLEXBOX FROGGY All Level 24 Solution

Level 01
justify-content: right;

Level 02
justify-content: center;

Level 03
justify-content: space-around;

Level 04
justify-content: space-between;

Level 05
align-items: flex-end;

Level 06
justify-content: center;
align-items: center;

Level 07
justify-content: space-around;
align-items: flex-end;

Level 08
flex-direction: row-reverse;

Level 09
flex-direction: column;

Level 10
justify-content: flex-end;
flex-direction: row-reverse;

Level 11
flex-direction: column;
justify-content: flex-end;

Level 12
flex-direction: column-reverse;
justify-content: space-between;

Level 13
flex-direction: row-reverse;
justify-content: center;
align-items: flex-end;

Level 14
order: 1;

Level 15
order: -4;

Level 16
align-self: flex-end;

Level 17
order: 4;
align-self: flex-end;

Level 18
flex-wrap: wrap;

Level 19
flex-direction: column;
flex-wrap: wrap;

Level 20
flex-flow: column wrap;

Level 21
align-content: flex-start;

Level 22
align-content: flex-end;

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

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