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 @@