ScreenSharingThing/public/styles.css

.desktop .container {
	display: grid;
	grid-template-columns: 1fr auto;
	grid-template-rows: 1fr;
	grid-template-areas: "video chat";
}

.mobile .container {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto 1fr;
	grid-template-areas: "video" "chat";
}

.video {
	grid-area: video;
}

.chat {
	grid-area: chat;
}