From eaa40b670914fc40b62eb8b584cc6c33c2137a51 Mon Sep 17 00:00:00 2001
From: Kevin Lyda <kevin@ie.suberic.net>
Date: Sat, 14 Oct 2017 15:46:25 +0100
Subject: [PATCH] Make it fit the screen better.

---
 index.html | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 654dc45..802e6c7 100644
--- a/index.html
+++ b/index.html
@@ -2,10 +2,12 @@
 <html>
   <head>
   <meta charset="utf-8" />
+  <meta name="viewport" content ="width=device-width,initial-scale=1,user-scalable=yes" />
     <title>Cube Root Training</title>
   </head>
   <body>
-  <h1>Cube Root Training</h1>
+  <div id=main>
+  <b>Cube Root Training</b>
   <p>
     <span style="white-space:nowrap;"><span style="font-size:larger;"
         >&#8731;</span><span id=cube style="text-decoration:overline;">
@@ -15,7 +17,7 @@
   </p>
   <p id=result></p>
   <p id=stats></p>
-
+  </div>
   <script>
 var cube = document.getElementById("cube");
 var cuberoot = document.getElementById("cuberoot");
@@ -77,6 +79,10 @@ function check_cuberoot(e) {
   start_round();
 }
 
+window.onload = function() {
+  document.body.style.fontSize = "8vw";
+}
+
 start_round();
   </script>
   </body>
-- 
GitLab