Added two-column layout

static/styles.css

@@ -51,3 +51,21 @@ body {
     float: none;
   }
 }
+
+.column {
+  float: left;
+  width: 50%;
+  padding: 10px;
+}
+
+.row:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+
+@media screen and (max-width: 600px) {
+  .column {
+    width: 100%;
+  }
+}

templates/index.html

@@ -12,7 +12,14 @@
         <a class="active" href="/logout">Logout</a>
       </div>
     </div>
+    <div class="row">
+      <div class="column" style="background-color:#aaa">
         <p>{{ message }}</p>
         <p>The current sensor distance is {{ distance }} centimeters.</p>
+      </div>
+      <div class="column" style="background-color:#bbb">
+        <p>Hello</p>
+      </div>
+    </div>
   </body>
 </html>