diff --git a/client/game.css b/client/game.css index e32c272..350f8fa 100644 --- a/client/game.css +++ b/client/game.css @@ -9,10 +9,10 @@ piece { justify-content: center; align-items: center; - font-size: 5vw; + font-size: 50px; - width: 10vw; - height: 10vw; /* for square have realtive to width */ + width: 80px; + height: 80px; position: absolute; } @@ -21,12 +21,12 @@ score { display: inline-block; text-align: right; - right: 1vw; + right: 5px; width: 100%; height: 100%; - font-size: 3vw; + font-size: 20px; position: absolute; } @@ -41,7 +41,7 @@ score { margin: auto; width: 600px; - height: 600px; + height: 700px; } @@ -50,37 +50,25 @@ score { table-layout: fixed; position: static; - width: 100%; - height: 200%; + width: 600px; + height: 600px; text-align: center; font-size: 3vw; /* roughly 15 / table width */ } -.game-board-header-row { - display: table-row; - height: 2vw; -} - -.game-board-header-cell { - display: table-cell; -} - -.game-board-col-header-cell { - isplay: table-cell; -} - .game-board-row { display: table-row; - height: 0; + height: 40px; } .game-board-cell { display: table-cell; - width: inherit; + width: 40px; + height: 40px; - font-size: 2vw; /* roughly 15 / table width */ + font-size: 15px; /* roughly 15 / table width */ vertical-align: middle; background: radial-gradient(circle, rgba(255,255,255,1) 38%, rgba(244,244,244,1) 94%); diff --git a/client/game.html b/client/game.html index 6d6e7d2..5339be5 100644 --- a/client/game.html +++ b/client/game.html @@ -24,7 +24,7 @@
-
+
-
1
+
@@ -64,10 +64,10 @@
-
1
+
-
2
+
@@ -85,10 +85,10 @@
-
2
+
-
3
+
@@ -106,10 +106,10 @@
-
3
+
-
4
+
@@ -127,10 +127,10 @@
-
4
+
-
5
+
@@ -148,10 +148,10 @@
-
5
+
-
6
+
@@ -169,10 +169,10 @@
-
6
+
-
7
+
@@ -190,10 +190,10 @@
-
7
+
-
8
+
@@ -211,10 +211,10 @@
-
8
+
-
9
+
@@ -232,10 +232,10 @@
-
9
+
-
10
+
@@ -253,10 +253,10 @@
-
10
+
-
11
+
@@ -274,10 +274,10 @@
-
11
+
-
12
+
@@ -295,10 +295,10 @@
-
12
+
-
13
+
@@ -316,10 +316,10 @@
-
13
+
-
14
+
@@ -337,10 +337,10 @@
-
14
+
-
15
+
@@ -358,10 +358,10 @@
-
15
+
- +