From c5654e4398df408ce9a98e3cf8d883dad73ec5c5 Mon Sep 17 00:00:00 2001
From: Robert Long <robert@robertlong.me>
Date: Fri, 10 Dec 2021 15:37:11 -0800
Subject: [PATCH] Hide join room header on small screens

---
 src/Room.module.css | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/Room.module.css b/src/Room.module.css
index 58363d6..d8a3e09 100644
--- a/src/Room.module.css
+++ b/src/Room.module.css
@@ -44,6 +44,10 @@ limitations under the License.
   flex: 1;
 }
 
+.joinRoomContent h1 {
+  display: none;
+}
+
 .joinRoomFooter {
   margin: 20px 0;
 }
@@ -57,6 +61,7 @@ limitations under the License.
 .preview {
   position: relative;
   max-width: 816px;
+  max-height: 75vh;
   border-radius: 24px;
   overflow: hidden;
   background-color: var(--bgColor3);
@@ -158,4 +163,8 @@ limitations under the License.
   .footer {
     height: 118px;
   }
+
+  .joinRoomContent h1 {
+    display: block;
+  }
 }