swapnilsparsh
diff --git a/‎.vscode/settings.json
Lines changed: 0 additions & 3 deletions b/‎.vscode/settings.json
Lines changed: 0 additions & 3 deletions
diff --git a/‎01 - Drum Kit/index.html
Lines changed: 3 additions & 0 deletions b/‎01 - Drum Kit/index.html
Lines changed: 3 additions & 0 deletions
diff --git a/‎01 - Drum Kit/style.css
Lines changed: 11 additions & 6 deletions b/‎01 - Drum Kit/style.css
Lines changed: 11 additions & 6 deletions
diff --git a/‎108 - Maths addition/app.js
Lines changed: 6 additions & 1 deletion b/‎108 - Maths addition/app.js
Lines changed: 6 additions & 1 deletion
diff --git a/‎108 - Maths addition/index.html
Lines changed: 1 addition & 0 deletions b/‎108 - Maths addition/index.html
Lines changed: 1 addition & 0 deletions
diff --git a/‎117 - Guess the shape/index.html renamed to ‎116 - Guess the shape/index.html b/‎117 - Guess the shape/index.html renamed to ‎116 - Guess the shape/index.html
diff --git a/‎117 - Guess the shape/script.js renamed to ‎116 - Guess the shape/script.js b/‎117 - Guess the shape/script.js renamed to ‎116 - Guess the shape/script.js
diff --git a/‎117 - Guess the shape/style.css renamed to ‎116 - Guess the shape/style.css b/‎117 - Guess the shape/style.css renamed to ‎116 - Guess the shape/style.css
diff --git a/‎118 - Shell Game/README.MD renamed to ‎116 - Shell Game/README.MD b/‎118 - Shell Game/README.MD renamed to ‎116 - Shell Game/README.MD
diff --git a/‎118 - Shell Game/bowl.png renamed to ‎116 - Shell Game/bowl.png b/‎118 - Shell Game/bowl.png renamed to ‎116 - Shell Game/bowl.png
@@ -3,13 +3,15 @@
 
 <head>
   <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Drum Kit</title>
   <link rel="stylesheet" href="style.css">
   <link rel="icon" href="assets/drum.png">
   <link rel="icon" href="assets/favicon.png">
 </head>
 
 <body>
+  <div id="container">
   <h1 id="title">Drum Kit</h1>
   <div class="keys">
     <div data-key="65" class="A key">
@@ -69,6 +71,7 @@ <h1 id="title">Drum Kit</h1>
     </p>
   </footer>
 
+  </div>
   <script src="main.js"></script>
 
 </body>
 
@@ -18,6 +18,7 @@ h1 {
   color: #FEFFE2;
   font-family: "Arvo", cursive;
   text-align: center;
+  margin-bottom: 0;
 }
 
 span {
@@ -26,8 +27,9 @@ span {
 
 .keys {
   display: flex;
+  flex-wrap: wrap;
   flex: 1;
-  min-height: 40vh;
+  align-content: center;
   align-items: center;
   justify-content: center;
 }
@@ -39,7 +41,7 @@ span {
   font-size: 1.5rem;
   padding: 1rem .5rem;
   transition: all .07s ease;
-  width: 10rem;
+  width: 78pt;
   text-align: center;
   color: white;
   background-color: #212121;
@@ -72,14 +74,17 @@ footer {
   text-align: center;
   color: white;
   font-size: 1.5rem;
-  position: absolute;
-  left: 0;
-  right: 0;
-  bottom: 0;
   margin-bottom: 0;
   padding: 5px;
 }
 
 footer a:visited {
   color: inherit;
+}
+
+#container{
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
 }
@@ -20,8 +20,13 @@ button.addEventListener('click', function () {
 
     let guess = document.getElementById('guess').value;
     guess = Number(guess);
+    if(guess==" ")
+        {
+alert("please enter the value")
+        }
+    
     //check answer
-    if (guess === total) {
+    else if(guess === total) {
         alert('Correct');
         window.location.reload()
     } else {
 
@@ -12,6 +12,7 @@
 <body>
     <div id="canvas">
         <div id="primary-number">7</div>
+
         <div id="add">+</div>
         <div id="secondary-number">10</div>
         <div id="equal">=</div>