iiiypuk/config
iiiypuk/config
1
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

js flex

Browse Source
This commit is contained in:
Alexander Popov 2021-07-08 00:56:46 +03:00
parent 8692972a60
commit df874571b4
2 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
JavaScript/GameLoop/index.html
View File

@ -6,7 +6,9 @@
<link rel="stylesheet" type="text/css" href="styles.css"> <link rel="stylesheet" type="text/css" href="styles.css">
</head> </head>
<body> <body>
<canvas id="game" width="768" height="1366"></canvas> <div class="wrap">
<canvas id="game" width="768" height="1366"></canvas>
</div>
<script type="text/javascript" src="game.js"></script> <script type="text/javascript" src="game.js"></script>
</body> </body>

12
JavaScript/GameLoop/styles.css
View File

@ -1,10 +1,20 @@
html { height: 100%; }
body { body {
background-color: #101024; background-color: #101024;
padding: 0; padding: 0;
margin: 0; margin: 0;
height: 100%;
}
div.wrap {
display: flex;
height: 100%;
align-items: center;
justify-content: center;
} }
canvas#game { canvas#game {
margin: 0 auto; border: 2px solid #ec8a4b;
display: block; display: block;
} }