3/12 css flex

https://studiomeal.com/archives/197
캐릭터 일러스트가 넘 기엽구 참고하기 좋은 글 같당

display: flex;

//플렉스 컨테이너

flex-direction: column;

//좌측 상단 정렬

row-reverse;

/우측 상단 정렬

column-reverse;

//좌측 하단 정렬

100x100으로 설정했는데 알아서 82x100으로 알아서 flexible하게 조절함

주축의 방향과 교차축의 방향 정확히 인지할 것

flex-wrap

: nowrap;
wrap; //사용 빈도수 높은 형태

wrap-reverse;

example

flex-direction: row;, flex-wrap: wrap; //사용 빈도수 높음

flex-flow : row nowrap; //축약형

padding:60px 0 60px 0; //상우하좌