코코아톡 클론 코딩 #6

오늘 배운것들에 대해서 적어보고자 한다.

positon : absolute를 제대로 쓰려면 그 부모 div가 position: relative여야 한다.

.message-row--own .message__info {
  flex-direction: row-reverse;
}
/* 순서 바꾸는 첫번째 방법
.message-row--own .message__bubble {
  order: 1;
}
.message-row--own .message__time {
  order: 0;
}
*/

두 개의 flex box의 순서를 바꾸는 두가지 방법은 다음과 같다.

그리고 flex box를 맨 끝으로 보내는 방법은
align-items: flex-end이고

flex-direction: column은 축을 바꿈으로 써 좌우로 배치 되어있는 flex box를 위아래로 배치되게 한다.

만든건 많은데 저번에 쓴걸 이용하는게 많았어서 오늘은 이 정도만 적도록 하겠다