Update css

priyaahm · Jul 23, 2023 · 53fccee · 53fccee
1 parent 93f8aca
commit 53fccee
Showing 1 changed file with 30 additions and 0 deletions.
diff --git a/module3-solution/css b/module3-solution/css
@@ -32,3 +32,33 @@ section{
     display: flex;
     flex-direction: row;
 }
+/* desktop version */
+@media screen (min-width:992px) {
+    .box{
+        float: left;
+        width: 33.33%;
+    }
+
+}
+/* for tablet version */
+@media (min-width:768px) and (max-width:991px)
+{
+    .sub1{
+        float: left;
+        width: 50%;
+
+    }
+    .sub2{
+        float:left;
+        width:100%;
+    }
+}
+/* for mobile version */
+@media (max-width:767px)
+{
+    .box{
+        float: left;
+        width: 100%;
+    }
+}
+