| @@ -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; | |||
| } | |||
| } | |||