Update style.css

Author: SuRu190

task01-change-and-revert-heading/style.css

@@ -1,9 +1,10 @@
 body {
     font-family: cursive;
-    padding: 100px 20px;
+    padding: 80px 20px;
     background: linear-gradient(to right, lightgreen, lightblue);
     text-align: center;
     margin: 0;
+    box-sizing: border-box;
 }
 
 .container {
@@ -17,9 +18,14 @@ body {
     background-color: white;
 }
 
+h1 {
+    font-size: 1.5rem;
+    margin-bottom: 20px;
+}
+
 button {
-    font-size: 18px;
-    padding: 8px 25px;
+    font-size: 1rem;
+    padding: 10px 80px;
     border: none;
     border-radius: 50px;
     background-color: cornflowerblue;
@@ -32,7 +38,17 @@ button:hover {
     background-color: rgb(58, 161, 164);
 }
 
-h1 {
-    font-size: 24px;
-    margin-bottom: 20px;
+@media (max-width: 390px) {
+    .container {
+        box-sizing: border-box;
+    }
+
+    h1 {
+        font-size: 1.5rem;
+    }
+
+    button {
+        font-size: 1rem;
+        padding: 10px 30px;
+    }
 }