list css updated

shubho0908 · Mar 12, 2023 · 5c49ccc · 5c49ccc
1 parent 2a43d02
commit 5c49ccc
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 8 deletions.
diff --git a/src/Components/Lists.js b/src/Components/Lists.js
@@ -9,6 +9,7 @@ import rating from "../imgs/rating.png";
 import Navbar from "./Navbar";
 import empty from "../imgs/empty.png";
 import { NavLink } from "react-router-dom";
+import LowerNav from "./LowerNav";
 import "./lists.css";
 
 function Lists() {
@@ -107,6 +108,9 @@ function Lists() {
               })}
           </div>
         </div>
+        <div className="lowerNav">
+          <LowerNav />
+        </div>
         <Footer />
       </div>
     </>

diff --git a/src/Components/lists.css b/src/Components/lists.css
@@ -95,10 +95,10 @@
   transition: all 0.3s;
   opacity: 0;
   visibility: hidden;
-  transition: all .18s ease;
+  transition: all 0.18s ease;
 }
 
-.view2:hover{
+.view2:hover {
   transform: scale(1.06);
 }
 .card-data {
@@ -229,18 +229,26 @@ a {
   text-decoration: none;
 }
 
-.animate{
-  animation: floatzoom .5s ease;
+.animate {
+  animation: floatzoom 0.5s ease;
   transition: all 0.5s ease;
 }
 
 @keyframes floatzoom {
-  0%{
+  0% {
     opacity: 0;
     transform: scale(0.96);
   }
-  100%{
+  100% {
     opacity: 1;
     transform: scale(1);
   }
-}
+}
+
+/* MEDIA QUERIES  */
+
+@media (max-width: 768px) {
+  .lists-items {
+    padding-right: 115px;
+  }
+}
diff --git a/src/Components/productpage.css b/src/Components/productpage.css
@@ -363,7 +363,6 @@
   .rating-img {
     width: 20px;
   }
-
 }
 
 @media (max-width: 520px) {
@@ -404,6 +403,13 @@
     top: 225px;
     padding-bottom: 78.8vw;
   }
+  .cart-img {
+    width: 21.5px;
+  }
+  .buy-btn,
+  .add-cart-btn {
+    font-size: 13.7px;
+  }
 }
 
 @media (max-width: 430px) {
@@ -414,3 +420,9 @@
     justify-content: center;
   }
 }
+
+@media (max-width: 400px) {
+  .buying-buttons {
+    justify-content: center;
+  }
+}