• webmini life skin Ver 1.4.1 update view
  • 사이트 제작 문의 오랜 경험을 바탕으로 웹퍼블리싱을 해드립니다 제작 문의하기
  • 블로그 리뷰 문의 검색엔진최적화로 제품 리뷰를 해드립니다 리뷰 문의하기
Front-end/CSS(SASS,SCSS)

[CSS]게임하면서 CSS(flex,grid) 공부해보자

by 빽짱구 2024. 7. 10.
본문글자

https://flexngrid.com/

Flexbox Froggy

https://flexboxfroggy.com/#ko
개구리가 수련잎에 올라가는거 도와주는 게임

 

Flexbox Froggy

A game for learning CSS flexbox

flexboxfroggy.com

Grid Garden

https://cssgridgarden.com/#ko
당근밭 가꾸는 게임

 

Grid Garden

A game for learning CSS grid layout

cssgridgarden.com

FlexboxDefense

http://www.flexboxdefense.com/
적들을 물리치는 디펜스게임

 

Flexbox Defense

Your job is to stop the incoming enemies from getting past your defenses. Unlike other tower defense games, you must position your towers using CSS!

www.flexboxdefense.com

참고사이트

flex + grid

https://flexngrid.com/

 

flexngrid

flex와 grid를 좀 더 쉽게 접하고 학습할 수 있는 웹페이지입니다.

flexngrid.com

flex

https://studiomeal.com/archives/197

 

이번에야말로 CSS Flex를 익혀보자

 

studiomeal.com

grid

https://studiomeal.com/archives/533

 

이번에야말로 CSS Grid를 익혀보자

 

studiomeal.com

 

flex와 grid는 CSS 중고급 과정에 속합니다.

게임을 통해 이해하면서 학습 하는것도 방법일듯해요.

728x90

'Front-end/CSS(SASS,SCSS)'의 다른글

  • 현재글[CSS]게임하면서 CSS(flex,grid) 공부해보자