@@ -94,3 +94,16 @@ body { | |||
.video-container.mirror video { | |||
transform: scaleX(-1); | |||
} | |||
@media only screen and (min-width: 600px) { | |||
.chat { | |||
grid-template-areas: | |||
'online media' | |||
'posts media' | |||
'actions media' | |||
; | |||
grid-template-columns: 1fr 4fr; | |||
grid-template-rows: auto 1fr auto; | |||
height: 100vh; | |||
width: 100vw; | |||
} | |||
} |