Updating MediaQueries4

NikhilanshSisodia · Jul 26, 2024 · 5848c85 · 5848c85
1 parent a2b7a0a
commit 5848c85
Showing 1 changed file with 11 additions and 11 deletions.
diff --git a/style.css b/style.css
@@ -139,36 +139,36 @@ ul li span:hover{
 @media (orientation: portrait) {
 
     :root{
-        --inline-padding: 10px;
+        --inline-padding: 5px;
     }
 
     .container{
-        padding: 40px 7px;
+        padding: 40px 3px;
     }
 
     .container h2{
-        font-size: 18px;
+        font-size: 16px;
     }
 
     .container h2 img{
-        width: 30px;
-        margin-left: 10px;
+        width: 25px;
+        margin-left: 5px;
     }
 
     .input-container{
         border-radius: 40px;
-        padding-left: 7px;
+        padding-left: 4px;
+        font-size: 12px;
     }
 
     .input-container input{
-        padding: 10px;
-        font-weight: 12px;
+        padding: 7px 15px;
+        font-weight: 6px;
+        font-size: 12px;
     }
 
     .input-container button{
-        padding: 9px 15px;
-        cursor: pointer;
-        font-size: 14px;
+        padding: 7px 15px;
     }
 
     ul li{