From 4c20ab94fca48e435363365735262f188e1be6b0 Mon Sep 17 00:00:00 2001
From: w3bdesign <45217974+w3bdesign@users.noreply.github.com>
Date: Sat, 14 Sep 2024 02:54:45 +0200
Subject: [PATCH 1/2] Grid columns category

---
 src/components/Category/Categories.component.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Category/Categories.component.tsx b/src/components/Category/Categories.component.tsx
index 4f665b62c..7b2341f60 100644
--- a/src/components/Category/Categories.component.tsx
+++ b/src/components/Category/Categories.component.tsx
@@ -7,7 +7,7 @@ interface ICategoriesProps {
 
 const Categories = ({ categories }: ICategoriesProps) => (
   <section className="container mx-auto bg-white">
-    <div className="grid gap-2 px-2 pt-2 pb-2 lg:px-0 xl:px-0 md:px-0 lg:grid-cols-4 sm:grid-cols-2 md:grid-cols-3 xs:grid-cols-3">
+    <div className="grid gap-2 px-2 pt-2 pb-2 lg:px-0 xl:px-0 md:px-0 lg:grid-cols-3 sm:grid-cols-2 md:grid-cols-3 xs:grid-cols-3">
       {categories.map(({ id, name, slug }) => (
         <Link
           key={uuidv4()}

From b523a76e1982d1d65711ff3fc9953568aa7e49d5 Mon Sep 17 00:00:00 2001
From: w3bdesign <45217974+w3bdesign@users.noreply.github.com>
Date: Sat, 14 Sep 2024 02:55:25 +0200
Subject: [PATCH 2/2] Update Categories.component.tsx

---
 src/components/Category/Categories.component.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Category/Categories.component.tsx b/src/components/Category/Categories.component.tsx
index 7b2341f60..c085bef9f 100644
--- a/src/components/Category/Categories.component.tsx
+++ b/src/components/Category/Categories.component.tsx
@@ -7,7 +7,7 @@ interface ICategoriesProps {
 
 const Categories = ({ categories }: ICategoriesProps) => (
   <section className="container mx-auto bg-white">
-    <div className="grid gap-2 px-2 pt-2 pb-2 lg:px-0 xl:px-0 md:px-0 lg:grid-cols-3 sm:grid-cols-2 md:grid-cols-3 xs:grid-cols-3">
+    <div className="grid gap-2 px-2 pt-2 pb-2 lg:px-0 xl:px-0 md:px-0 lg:grid-cols-3 sm:grid-cols-1 md:grid-cols-3 xs:grid-cols-3">
       {categories.map(({ id, name, slug }) => (
         <Link
           key={uuidv4()}