media queries are combined

Author: Palak-coder626

styles.css

@@ -73,31 +73,34 @@ cursor:default;
 
 }
 
-/* Media Query:For Tablet Size */
-@media screen and (max-width:1000px)and(min-width:662px){
-   .flex-container button:active{
+/* Combined media query for both mobile and tablet size */
+@media screen and (max-width:1000px)and(min-width:662px),screen and (max-width:662px){
+ 
+ .flex-container button:active{
       transform:scale(0.98);
    }
+  .flex-container button{
+      -webkit-tap-highlight-color:transparent;
+  }
+  .flex-container button:disabled{
+   display:none;
+}
+}
 
-   .header-text h1{
+/* Media Query:For Tablet Size */
+@media screen and (max-width:1000px)and(min-width:662px){
+  .header-text h1{
       font-size:4rem;
    }
    .header-text p{
       font-size:2rem;
    }
-   .flex-container button{
-       -webkit-tap-highlight-color:transparent;
-   }
-   .flex-container button:disabled{
-      display:none;
-   }
+
 }
+
 /* Media Query:For mobile size */
 @media screen and (max-width:662px){
-   .flex-container{
-      height:50vh;
-   }
-   .header-text h1{
+ .header-text h1{
       font-size:3.8rem;
       line-height:0.8;
    }
@@ -108,13 +111,4 @@ cursor:default;
       background-position: center;
       background-size:cover;
    }
-   .flex-container button:active{
-      transform:scale(0.98);
-   }
-   .flex-container button:disabled{
-      display:none;
-   }
-   .flex-container button{
-      -webkit-tap-highlight-color:transparent;
-  }
 }