[CSS] FLEXBOX FROGGY 정답 공유(1~12)

단순히 이론을 넘어서 Flexbox Froggy 게임으로 Flexbox를 익혀보시는 걸 추천드립니다!

저 또한 감을 잡지 못하고 있었는데 많은 도움을 받았답니다.

24단계를 다 통과한 만큼 도움이 필요하신 분들을 위해서 정답 공유를 해보려 합니다.

 

http://flexboxfroggy.com/#ko

Flexbox Froggy

 

✅ 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번 정답

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

 

✅ 7번 정답

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

 

✅ 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;