media querry added

mrpkdeveloper · Jul 31, 2020 · 67427b5 · 67427b5
1 parent 8555626
commit 67427b5
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 0 deletions.
diff --git a/game.js b/game.js
@@ -134,6 +134,7 @@ function update() {
     if (gameover == true) {
         alert("game over")
         clearInterval(game)
+
     }
 }
 

diff --git a/index.html b/index.html
@@ -6,6 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Go-Corona-Go</title>
     <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" media="screen and (max-width : 736px)" href="phone.css">
     <script defer src="game.js"></script>
 </head>
 

diff --git a/phone.css b/phone.css
@@ -0,0 +1,8 @@
+#mycanvas {
+    background-image: url("./assets/back.jpeg");
+    background-position: center;
+    background-size: cover;
+    border: 10px solid black;
+    width: 700px;
+    height: 380px;
+}
diff --git a/style.css b/style.css
@@ -3,4 +3,6 @@
     background-position: center;
     background-size: cover;
     border: 10px solid black;
+    width: 900px;
+    height: 500px;
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -134,6 +134,7 @@ function update() { @@
         if (gameover == true) {
             alert("game over")
             clearInterval(game)
         }
     }
@@ Expand Down @@