From 53fcceee318fbeb4275f078f1b2245cfd1399d93 Mon Sep 17 00:00:00 2001
From: priyaahm <130679111+priyaahm@users.noreply.github.com>
Date: Sun, 23 Jul 2023 17:10:46 +0530
Subject: [PATCH] Update css

---
 module3-solution/css | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)

diff --git a/module3-solution/css b/module3-solution/css
index dec3236..55f295e 100644
--- 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%;
+    }
+}
+