Merge pull request #13 from NotStonee/testing

NotStonee · web-flow · commit 0bdd4000be5c · 2022-12-16T23:55:08.000-05:00
more style
diff --git a/index.html b/index.html
@@ -10,7 +10,7 @@
 <body>
   <h1>Breakout</h1>
   <h3>Press spacebar to start</h3>
-  <canvas width="400" height="500" id="game"></canvas>
+  <canvas class='canvas' width="400" height="500" id="game"></canvas>
   <script src="script.js"></script>
 </body>
 
diff --git a/style.css b/style.css
@@ -4,16 +4,15 @@ html, body {
   }
 
 body {
-  background: black;
   background-image: url('https://t4.ftcdn.net/jpg/02/15/94/83/360_F_215948377_kgIhNUy4X0iYsyUfYd9KKIViSPOxclbC.jpg');
   background-repeat: no-repeat;
     background-attachment: fixed;
     background-size: 100% 100%;
   }
 
-canvas {
-  background:black;
-  border: 2px solid black;
+.canvas {
+  background-color:black;
+  border: 10px solid lightgrey;
   display: flex;
   align-items: center;
   justify-content: center;
