display:flex
에 대해 학습translateY
로 애니메이션을 만듦뷰포트, 요소의 크기가 불명확하거나 동적으로 변할 때 효율적으로 배치, 분산하는 레이아웃 방식
flex container, item으로 구성된다.
정렬하려는 요소의 부모요소에 display:flex
flex container 속성: flex-direction
, flex-wrap
, justify-content
, align-items
, align-content
flex item 속성: flex
, flex-grow
, flex-shrink
, flex-basis
, order
propetyName으로 transitionend 상태확인
flex-grow