#messenger {
  height: 500px;
  width: 100%;
  display: grid;
  grid-template-columns: 25% 75%;
}

.contacts-list {
  border: 1px solid red;
  height: 100%;
}

.chats-container {
  border: 1px solid green;
  height: 100%;
}

.chat {
  height: 100%;
}

.titleBar {
height: 50px;
}

.chatBox {
  height: 100%;
}

.inputBar {
  position: absolute;
  bottom: 0;
  width: 100%;
}