@media screen and (max-width: 450px){ .chat-room{ flex : 1; background: rgb(139, 73, 186); background: linear-gradient(180deg, rgb(144, 73, 186) 0%, rgb(111,108,255) 22%); height: 100vh; overflow-y: hidden; width: 100vw; box-shadow: 0px 0px 40px rgba(145, 145, 145, 0.8); &__status{ border-top-left-radius: 40px; border-top-right-radius: 40px; height: 140px; background : rgb(106, 103, 250); position: relative; align-items: center; justify-content:flex-start; h1{ font-size: 18px; margin: 0; letter-spacing:-1px; font-family: IRANSansNumeralLight; color: white; font-weight: 100; } p{ font-size: 12px; color: white; margin : 0px; } } } }