example update

example/style.css

@@ -9,7 +9,6 @@ body {
 
 .container {
     max-width: 700px;
-    margin-top: 5%;
     box-shadow: 0 2px 3px rgba(0, 0, 0, .05);
     background-color: #fff;
     border: 1px solid #eee;
@@ -83,4 +82,52 @@ body {
 .chat .input {
     position: absolute;
     bottom: 0;
+}
+
+@media screen and (max-width: 768px) {
+    body, html {
+        position: relative;
+        width: 100%;
+        height: 100%;
+    }
+
+    #join .btn {
+        display: block;
+        width: 100%;
+    }
+
+    .container {
+        position: absolute;
+        width: 100%;
+        height: 89%;
+    }
+
+    h1 {
+        margin: 4% 0;
+    }
+
+    .users {
+        display: none;
+    }
+
+    .chat {
+        float: none;
+        padding: 0;
+        height: 100%;
+        width: 100%;
+        position: absolute;
+    }
+
+    .chat .messages {
+        height: 90%;
+    }
+
+    .chat .messages ul {
+        height: 100%;
+    }
+
+    #group {
+        height: 100%;
+        position: relative;
+    }
 }