[Responsive web] Flexbox Froggy

목차

flex layout 연습을 할 수 있는 Flexbox Froggy라는 사이트를 소개해보고자 한다.

 

 

 

 

 

https://flexboxfroggy.com/#ko

Flexbox Froggy

 

 

이 사이트에는 flex layout에 대한 각종 연습을 할 수 있다! 

justify-content, align-items, align-self, align-content, flex-direcion, order 등을 이용하여 단계별로 개구리를 배치하면 된다.

 

한국어로 번역해서도 볼 수 있으니 flex layout을 연습할 때 참고하길 바란다. :) 

 

개인적인 리뷰로는 24단계까지 있는데 24단계에서 막혔다 ㅎ 

 

막힌 이유는 내가 모르는 속성? 이 있어서 flex-wrap에 reverse가 있는 줄 몰랐지..

 

아무튼 가볍게 시도해볼 만한 것 같다.