⬆️ Hi 말풍선
border-radius: 10px; border-top-left-radius: 0px;
각각의 모서리에 속성을 준 것!
⬆️ flex-direction: row-reverse 를 통해서 html에서 순서를 바꾸지 않고 시간과 말풍선의 위치를 바꿨다. messageinfo(messagetime, message__bubble)이 display: flex; 였음을 잊지 말자!
flex-direction: row-reverse
display: flex;