.wrapper { width: 100%; } .center { width: 70%; z-index: 0; } .user-message-trucated-text { max-width: 60vw; } @media screen and (min-width: 992px) { .user-message-trucated-text { max-width: 30vw; } .center { width: 40%; } } @media screen and (max-width: 576px) { .user-message-trucated-text { max-width: 70vw; } .center { width: 100%; } } #editorjs { z-index: 9999; min-height: 100px; }