Flexbox Froggy
A game for learning CSS flexbox
flexboxfroggy.com
[flex-direction]
*reverse: flex-item 순서 정렬
*reverse를 사용하면 start 순서와 end 순서가 바뀐다.
ㄴ row → start: 왼쪽, row-reverse → start: 오른쪽
row) 한즐, 같이
ㅁㅁ
- justify-conten: 가로 정렬
- align-items: 세로 정렬
- flex-grow: 가로 작동
column) 한 줄, 하나 배치
ㅁ
ㅁ
- justify-conten: 세로 정렬
- align-items: 가로 정렬
- flex-grow: 세로 작동
https://codepen.io/EONJENOG/pen/wvLWrbZ
flex-grow ★★★
...
codepen.io
* flex-box → (flex-container>flex-item)