]> git.wincent.com - hextrapolate.git/commitdiff
Add responsive design
authorGreg Hurrell <greg@hurrell.net>
Wed, 31 May 2017 05:41:08 +0000 (22:41 -0700)
committerGreg Hurrell <greg@hurrell.net>
Wed, 31 May 2017 05:41:08 +0000 (22:41 -0700)
src/App.css

index 63ecd90c600c191c2b6bb8268ce42bda71cb1bce..6e6fec8944b08366529f715d80905fa4acaf8a16 100644 (file)
@@ -82,3 +82,23 @@ body {
   transform: scale(5);
   transition: transform .5s, opacity .5s;
 }
   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;
+  }
+}