Simple chat facility - if file exists not working

Just check the codepen shared earlier, Bottom are the first child in container DOM, but appears to the users in the Bottom, with flex.

<div class="message you">I just sent you this</div>
<div class="message other-dude">Got this in return</div>

.you { color: black;}
.other-dude { color: red; }