Flexbox Froggy solutions 정답

1번

1

justify-content: flex-end;

2번

2

justify-content: center;

3번

3

justify-content: space-around;

4번

4

justify-content: space-between;

5번

5

align-items: flex-end;

6번

6

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

7번

7

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

8번

8

flex-direction: row-reverse;

9번

9

flex-direction: column;

10번

<10

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

11번

11

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

12번

12

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

13번

13

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

14번

14

order: 2;

15번

15

order: -1;

16번

16

align-self: flex-end;

17번

17

order: 1;

18번

18

flex-wrap: wrap;

19번

19

flex-direction: column; 
flex-wrap: wrap;

20번

20

flex-flow: column wrap;

21번

21

align-content: flex-start;

22번

22

align-content: flex-end;

23번

23

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

24번

24

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