From 67427b5b229fc5a7cdf862067843a1214f1e5c04 Mon Sep 17 00:00:00 2001
From: mrpkdeveloper <mrpkdeveloper7@gmail.com>
Date: Fri, 31 Jul 2020 23:40:15 +0530
Subject: [PATCH] media querry added

---
 game.js    | 1 +
 index.html | 1 +
 phone.css  | 8 ++++++++
 style.css  | 2 ++
 4 files changed, 12 insertions(+)
 create mode 100644 phone.css

diff --git a/game.js b/game.js
index 86f246d..14fa7db 100644
--- 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
index 361d39e..476a3bd 100644
--- 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
new file mode 100644
index 0000000..9c27f04
--- /dev/null
+++ 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;
+}
\ No newline at end of file
diff --git a/style.css b/style.css
index 8dee2d6..cceb81e 100644
--- a/style.css
+++ b/style.css
@@ -3,4 +3,6 @@
     background-position: center;
     background-size: cover;
     border: 10px solid black;
+    width: 900px;
+    height: 500px;
 }
\ No newline at end of file