[HTML&CSS] 연습 게임

1.CSS Diner

:  CSS 선택자를 연습할 수 있는 게임

 

https://flukeout.github.io/

CSS Diner

CSS 뿌수기 Clear

 

 

2. Flexbox Froggy

: display flex 속성을 연습할 수 있는 게임

 

https://flexboxfroggy.com/#ko

Flexbox Froggy

display 뿌수기 Clear!

 

3.Grid Garden : display

: grid 속성 연습할 수 있는 게임

 

https://cssgridgarden.com/#ko

Grid Garden

 

 

 

공부한 것

fr단위:  fraction 의 줄임말로 그리드 내 컨테이너 비율을 분수로 나타내는 단위

flex space around : 정렬하려는 아이템 둘레에 같은 간격을 줌

flex space evelny : 아이템 사이 + 양 끝에 같은 간격을 줌