귀여운 그림들로 css flex와 css grid를 배워봅시다.
간단한 게임으로 배워보는 css의 flex와 gridcss의 flex와 grid를 배워볼 수 있는 간단한 게임을 소개하겠습니다. Flexbox Froggy 바로가기 Grid Garden 바로가기 간단한 게임들로 css flex와 grid를 배워볼수도 있고, 이미 배웠던 분들은 귀엽게(?) 복습할 수 있습니다. 플렉스 박스의 경우 코드를 작성하는 곳 밑에 setting 키를 통해서 난이도를 조절할 수 있습니다. 당근을 키우고 개구리도 도와주세요.Flexbox Froggy 코드보기이 부분부터는 미리보지 마시고, 링크를 타고 간 후 한번 해본 뒤에 보시는 것을 추천드립니다. 난이도가 어려울 수 있는 부분에 대한 해설을 포스팅했습니다. 마지막 단계의 모습입니다. 개구리와 같은 색의 연잎으로 개구리를 보내야 합니..
Frontend-dev/HTML-CSS-JS
2018. 10. 23. 15:34