Refactor

Ali-Raza764 · May 10, 2024 · 28b4e8f · 28b4e8f
1 parent 7b3225a
commit 28b4e8f
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/app/(root)/search/page.jsx b/app/(root)/search/page.jsx
@@ -25,7 +25,8 @@ const SearchPage = ({ searchParams }) => {
  </h1>
  </div>
 
- <div className="container flex items-center flex-wrap justify-center">
+ <div className="container grid grid-cols-2 sm:grid-cols-3 grid-items-center gap-2 md:flex items-center justify-center flex-wrap">
+ {/* <div className="container flex items-center flex-wrap justify-center"> */}
  {entries.map((item, i) => {
  return <ProductItem key={i} />;
  })}

diff --git a/components/products/ProductItem.jsx b/components/products/ProductItem.jsx
@@ -8,8 +8,8 @@ import Link from "next/link";
 const ProductItem = ({}) => {
  return (
  <Link href={"/productdetails/1"}>
- <div className="flex flex-col p-3 md:h-[20rem] h-auto w-[12rem] md:w-[16rem] ">
- <div className="bg-gray-300 p-4 md:p-14 relative group">
+ <div className="flex flex-col p-3 md:h-[20rem] h-auto min-w-[11rem] w-auto max-w-[14rem] md:w-[16rem] ">
+ <div className="bg-gray-300 p-4 relative group">
  <Image
  height={500}
  width={500}