Responsiveness

CH-RAFAY · Jul 18, 2024 · adc763a · adc763a
1 parent 0b52962
commit adc763a
Showing 1 changed file with 39 additions and 2 deletions.
diff --git a/Css/Product.css b/Css/Product.css
@@ -271,7 +271,8 @@ nav ul li:hover,.menu-toggle:hover,.filter-toggle:hover{
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
-    width: 90%;
+    width: auto;
+    max-width: 90%;
 
 }
 
@@ -285,6 +286,7 @@ nav ul li:hover,.menu-toggle:hover,.filter-toggle:hover{
     animation: spin 2s linear infinite;
 }
 
+
 @keyframes spin {
     from { transform: rotate(0deg); }
     to { transform: rotate(360deg); }
@@ -411,7 +413,7 @@ input[type="radio"]{
 
 .Pbody img
 {
-  width: 400px;
+  width: 80%;
 
 }
 
@@ -428,6 +430,41 @@ input[type="radio"]{
 
 
 
+@media (max-width: 1300px) 
+{
+
+  .Pcontainer
+  {
+    display: flex; 
+    flex-wrap: wrap;
+    justify-content: space-between;
+    width: 80%;
+    margin: 0 auto;
+
+
+  }
+
+  .color-box 
+{
+    width:30px;
+    height:30px;
+
+}
+
+
+  .Plist {
+    background-color: #ffffff;
+    border-radius: 20px;
+    border: solid 1px white;
+    margin: 10px;
+    width: 46%;
+    box-sizing: border-box;
+    text-align: center;
+    overflow: hidden;
+  }
+
+}
+
 
 
 /* Responsive styles */