responsive bug fixing

2025-11-04 15:19:47 +05:00
parent 9720f1a6d3
commit 0527b4bb20
13 changed files with 83 additions and 63 deletions
--- a/components/pageParts/products.tsx
+++ b/components/pageParts/products.tsx
@@ -78,7 +78,7 @@ export default function Products() {
      </div>

      {/* products */}
-      <div className="grid gap-5 grid-cols-1 place-content-center min-sm:grid-cols-2 min-lg:grid-cols-4 min-[1210px]:grid-cols-4">
+      <div className="px-4 grid gap-5 grid-cols-1 place-content-center min-[500px]:grid-cols-2 min-lg:grid-cols-4 min-[1210px]:grid-cols-4">
        {cars.map((item: ProductTypes, index: number) => (
          <div key={index} >
            <ProductCard data={item} />