Update style.css

Author: SuRu190

task09-increase-counter-on-every-button-click/style.css

@@ -1,7 +1,7 @@
 body {
     padding: 200px;
     text-align: center;
-    background: linear-gradient(to right, #654754, #647284);
+    background: linear-gradient(to right, lightgreen, lightblue);
 }
 
 .container {
@@ -26,4 +26,36 @@ button {
 
 button:hover {
     background-color: rgb(45, 102, 207);
-}
+
+}
+
+@media (max-width: 500px) {
+  body {
+    padding: 80px 20px;
+  }
+
+  .container {
+    width: 90%;
+    padding: 30px 20px 40px 20px;
+  }
+
+  button {
+    font-size: 14px;
+    padding: 10px 15px;
+  }
+
+  #heading {
+    font-size: 20px;
+  }
+}
+
+@media (max-width: 300px) {
+  button {
+    font-size: 13px;
+    padding: 8px 10px;
+  }
+
+  #heading {
+    font-size: 18px;
+  }
+}