CSS Flexbox(플렉스박스) 게임처럼 연습하기

Flexbox Froggy

CSS를 배우고 있다면 Flexbox 개념을 익히는게 어렵다.

플렉스박스 프로기라는 사이트에서 Flexbox를 간단히 게임처럼 연습해볼수 있는데, 특정 property를 사용해서 개구리를 잎 위로 옮겨야한다. 잎 위로 정확하게 개구리를 옮기면 Next 버튼이 활성화된다. 기본 개념을 정확히 익히는 것만큼 연습이 중요할텐데, 이렇게 연습해볼 수 있으니 좋다. 전체 레벨은 24개로 구성.

 

https://flexboxfroggy.com/

 

아래 이미지를 클릭해도 바로 이동됨. 

Flexbox 개념이 헷갈린다면 도전! 잘 안풀리는게 있다면 댓글. 같이 풀어봅시다.