Update responsive.css

Chris255202 · Jul 24, 2024 · a2d8a37 · a2d8a37
1 parent 35a0de1
commit a2d8a37
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/styles/responsive.css b/styles/responsive.css
@@ -1,3 +1,4 @@
+*/For mobile screens*/
 .container {
     display: grid;
     grid-template-columns: 1fr 1fr;
@@ -23,6 +24,7 @@
     grid-area: "main";
 }
 
+*/For Medium Screens*/
 @media(min-width:600px)and(max-width:1100px){
 
 .container {
@@ -34,9 +36,10 @@
     "ar ar ar ar ar ar ar ar"
     "main main main main main main main main"
     "ft ft ft ft ft ft ft ft";
-}
+    }
 }
 
+*/For Large Screens*/
 @media(min-width:1101px){
     .container {
       grid-template-columns: 1fr 1fr;