안그래도 flexbox가 아직 낯설어서 무진장 연습해야겠다 생각중일 때,
스터디원 분께서 flexbox를 연습할 수 있는 게임을 추천해주셨다.
이름은 flexbox froggy!
css 속성을 사용해서 개구리들을 각 위치로 옮기는 게임인데,
레벨이 올라갈수록 사용해야 하는 속성도 많아지고 단계도 복잡해진다.
난이도는 그렇게 높지 않으니 초보자들이 연습삼아 해보기 좋은 것 같다.
23단계까지는 쭉쭉 해나가는 나를 보며 괜히 뿌듯하기도 하고..ㅋㅋㅋ
24단계에서 약간 시간이 걸렸지만 그래도 성공!
사실 다른 게임들도 재밌어보여서 나중에 내가 해보려고 저장해놓는 글..ㅋㅋㅋ
flexbox froggy는 아래 링크를 통해 할 수 있다.
단계별 정답은 아래 블로그에 잘 정리되어 있으니 참고!
https://hj-tilblog.tistory.com/90
'Web > HTML, CSS' 카테고리의 다른 글
[CSS] 블로그 테마 리뉴얼하기 (0) | 2022.08.06 |
---|---|
[CSS] 링크드인 기술평가 도전!🙋♂️ (0) | 2022.07.31 |
[CSS] 하단 navigation bar, 숫자 아이콘 만들기 (0) | 2022.07.17 |
[CSS] flexbox, pseudo element (0) | 2022.07.17 |
[CSS] 단축키, BEM, 아이콘 추가, 폰트 변경 (0) | 2022.07.12 |