card editing

src/features/favourite/ui/Favourite.tsx

@@ -119,9 +119,9 @@ export default function Favourite() {
   }
 
   return (
-    <div className="min-h-screen bg-slate-50 py-8">
-      <div className="container mx-auto px-4">
-        <div className="flex items-center justify-between mb-8">
+    <div className="custom-container">
+      <>
+        <div className="mb-8">
           <div>
             <h1 className="text-3xl font-bold text-slate-800 mb-2">
               Sevimli mahsulotlar
@@ -130,7 +130,7 @@ export default function Favourite() {
           </div>
         </div>
 
-        <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
+        <div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-4 mb-30">
           {likedProducts.map((product) => (
             <ProductCard
               key={product.id}
@@ -139,7 +139,7 @@ export default function Favourite() {
             />
           ))}
         </div>
-      </div>
+      </>
     </div>
   );
 }