Mobile

2020-01-21 11:24:57 +01:00
parent d43405f3e1
commit c07d18e140
4 changed files with 25 additions and 13 deletions
--- a/src/components/VinlottisPage.vue
+++ b/src/components/VinlottisPage.vue
@@ -2,9 +2,7 @@
  <div class="outer">
    <div class="container">
      <h1>Knowit Vinlottis</h1>
-      <router-link to="generate" class="generate-link"
-        >Klarer du ikke velge lodd-farger?</router-link
-      >
+      <router-link to="generate" class="generate-link">Klarer du ikke velge lodd-farger?</router-link>
      <div class="chart-container">
        <PurchaseGraph class="purchase" />
        <WinGraph class="win" />
@@ -67,4 +65,22 @@ h1 {
  width: 45vw;
  display: inline-block;
 }
+
+@media only screen and (max-width: 768px) {
+  .purchase,
+  .win {
+    width: 100vw;
+  }
+
+  .chart-container {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .outer {
+    justify-content: flex-start;
+  }
+}
 </style>