#chat-container {
    display: grid;
    grid:
        'search-container chat-title' 71px
        'conversation-list chat-message-list' 1fr
        'new-message-container chat-form' 78px
        / 275px 1fr;
    min-width: 1000px;
    max-width: 1000px;
    max-height: 800px;
    width: 100%;
    height: 95vh;
    border-radius: 10px;
  }


  @media only screen and (max-width: 800px){
    .list-chat-box{
        display: flex;
        flex-direction: column !important;
    }
  }