js flex

2021-07-08 00:56:46 +03:00 · 2021-07-08 00:56:46 +03:00 · df874571b4
commit df874571b4
parent 8692972a60
2 changed files with 14 additions and 2 deletions
--- a/JavaScript/GameLoop/index.html
+++ b/JavaScript/GameLoop/index.html
@ -6,7 +6,9 @@
    <link rel="stylesheet" type="text/css" href="styles.css">
 </head>
 <body>
+    <div class="wrap">
        <canvas id="game" width="768" height="1366"></canvas>
+    </div>

    <script type="text/javascript" src="game.js"></script>
 </body>
--- a/JavaScript/GameLoop/styles.css
+++ b/JavaScript/GameLoop/styles.css
@ -1,10 +1,20 @@
+html { height: 100%; }
+
 body {
    background-color: #101024;
    padding: 0;
    margin: 0;
+    height: 100%;
+}
+
+div.wrap {
+    display: flex;
+    height: 100%;
+    align-items: center;
+    justify-content: center;
 }

 canvas#game {
-    margin: 0 auto;
+    border: 2px solid #ec8a4b;
    display: block;
 }