diff --git a/src/Components/Lists.js b/src/Components/Lists.js
index b5c71af..c520020 100644
--- 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() {
})}
+
+
+
>
diff --git a/src/Components/lists.css b/src/Components/lists.css
index 710fd95..0ddd080 100644
--- 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);
}
-}
\ No newline at end of file
+}
+
+/* MEDIA QUERIES */
+
+@media (max-width: 768px) {
+ .lists-items {
+ padding-right: 115px;
+ }
+}
diff --git a/src/Components/productpage.css b/src/Components/productpage.css
index e60ba24..9e8ee5d 100644
--- 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;
+ }
+}