Add responsive design

diff --git a/src/App.css b/src/App.css
index 63ecd90c600c191c2b6bb8268ce42bda71cb1bce..6e6fec8944b08366529f715d80905fa4acaf8a16 100644 (file)
--- a/src/App.css
+++ b/src/App.css
@@ -82,3 +82,23 @@ body {
   transform: scale(5);
   transition: transform .5s, opacity .5s;
 }
+
+@media (max-width: 500px) {
+  .hextrapolate {
+    padding: 0 8px;
+  }
+
+  .hextrapolate h1 {
+    font-size: 1.2em;
+    min-height: 4em;
+  }
+
+  .hextrapolate-row {
+    display: block;
+  }
+
+  .hextrapolate-base {
+    display: block;
+    text-align: left;
+  }
+}