[HTML&CSS] flex

flex는 부모에게 적용하면 기본적으로 자식 요소들을 가로정렬 해준다.
(바로 하위의 자식에게만 적용되고 자식의 자식에는 적용X)

justify-content : 가로정렬 (flex-start 왼쪽정렬이 기본값이다)
유용한 것 : space-between, flex-start, flex-end, center;

align-items: 세로정렬 (flex-start 기본값)
유용한 것 : flex-start, flex-end, center;

flex-direction : 가로 세로 정렬을 반대로. (위 정렬하는 것도 반대로 적용된다.)
: row, colum, row-reverse, colum-reverse;

게임으로 쉽게 마스터해보자.
https://flexboxfroggy.com/#ko