Working now

src/components/VinlottisPage.vue

@@ -0,0 +1,55 @@
+<template>
+  <div class="outer">
+    <div class="container">
+      <h2>Knowit Vinlottis</h2>
+      <div class="chart-container">
+        <PurchaseGraph class="purchase" />
+        <WinGraph class="win" />
+      </div>
+      <TotalBought />
+      <Highscore />
+    </div>
+  </div>
+</template>
+
+<script>
+import PurchaseGraph from "@/ui/PurchaseGraph";
+import TotalBought from "@/ui/TotalBought";
+import Highscore from "@/ui/Highscore";
+import WinGraph from "@/ui/WinGraph";
+
+export default {
+  components: {
+    PurchaseGraph,
+    TotalBought,
+    Highscore,
+    WinGraph
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.outer {
+  height: 100vh;
+  width: 100vw;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+}
+h2 {
+  width: 100vw;
+  text-align: center;
+  font-family: sans-serif;
+}
+
+.purchase {
+  width: 50vw;
+  display: inline-block;
+}
+
+.win {
+  width: 45vw;
+  display: inline-block;
+}
+</style>