minyoung

11단계flex-direction: column;justify-content: flex-end;flex-direction: column;을 통해 주축을 수직으로 바꾸고justify-content: flex-end;를 통해 수직 기준으로 바닥으로 이동시켜준다.12단계flex-direction: column-reverse;justify-content: space-between; flex-direction: column-reverse;를 적용시켜서 주축을 수직으로 만들어주고, 아래에서부터 역순으로 배치한다.justify-content: space-between;을 적용시켜서 수직 기준 space-between으로 아이템 간의 사이 간격을 동일하게 만들어준다. 13단계flex-direction: row-reve..

6단계justify-content: center;align-items: center;ui 레이아웃을 배치 하다보면 align-items와 justify-content 속성을 같이 사용하는 경우가 많다.6단계에서는 이에 대비한 연습을 할 수 있다.주축이 수평이다.justify-content(주축에 적용) center를 통해 수평 기준 가운데로 위치시킨다.align-items(교차축에 적용) center를 통해 수직, 세로 기준 가운데로 위치시킨다.7단계align-items: flex-end; justify-content: space-around;주축이 수평이고, align-items 활용해 수직 기준 바닥으로 정렬한다 -> flex-end;그 다음 justify-content 활용해 수평 기준 space-..