update responsive

master
mahdi 3 years ago
parent 2166d4b27d
commit af6e876031
  1. 8
      src/App.js
  2. 1090
      src/components/productlist/ProductList.js
  3. 6
      src/index..scss

@ -2,13 +2,9 @@ import "./App.scss";
import ProductList from "./components/productlist/ProductList"; import ProductList from "./components/productlist/ProductList";
import { library } from "@fortawesome/fontawesome-svg-core"; import { library } from "@fortawesome/fontawesome-svg-core";
import { fab } from "@fortawesome/free-brands-svg-icons"; import { fab } from "@fortawesome/free-brands-svg-icons";
import { import { faCheckSquare, faCoffee } from "@fortawesome/free-solid-svg-icons";
faCheckSquare,
faCoffee,
faStar,
} from "@fortawesome/free-solid-svg-icons";
library.add(fab, faCheckSquare, faCoffee, faStar); library.add(fab, faCheckSquare, faCoffee);
function App() { function App() {
return ( return (

File diff suppressed because it is too large Load Diff

@ -13,8 +13,12 @@ body {
background-color: #f5f5f5; background-color: #f5f5f5;
} }
.product-items-holder {
@apply w-full flex flex-wrap items-center justify-around my-10 px-4;
}
.product-item { .product-item {
@apply rounded-lg shadow-sm w-1/4 border p-2; @apply w-full sm:w-60 md:w-72 mx-1 rounded-lg shadow-sm border p-2 my-3;
} }
.discountPriceBtn { .discountPriceBtn {

Loading…
Cancel
Save