El mio quedo asi, falta mejorarlo mucho.
<div class="conversationContainer">
<div class="container margenSuperior45">
<div class="row">
<div class="col-md-3 margenIzquierda">
<div class="avatarFrameOnline">
<img src="assets/img/generic_avatar.png" class="avatarImage img-fluid" />
</div>
<div class="avatarFrameOnline margenSuperior200">
<img src="assets/img/generic_avatar.png" class="avatarImage img-fluid" />
</div>
</div>
<div class="col">
<span><b>{{friend.nick}} - ({{friend.status}})</b></span>
<div class="container">
<div clas="espacioChat margenSuperior">
<div class="msjChat">
<span><b>{{friend.nick}} dice:</b></span>
<p>Hola, como estas?</p>
</div>
<div class="msjChat">
<span><b>Jorge dice:</b></span>
<p>Muy bien y tu?</p>
</div>
</div>
<div class="posicionCuadroTexto">
<input type="text" class="form-control tamañoCuadroTexto" placeholder="Ingresa tu mensaje">
<div class="margenSuperior">
<img src="assets/img/zumbido.png" class="iconImage img-fluid">
<label class="custom-file-upload">
<input type="file">
<i class="far fa-images"></i>
Seleccionar Imagen
</label>
<button type="button" class="btn btn-primary posicionBotonEnviar">Enviar</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
