From a2803b905c8ef379d7e3ca32ddd189c7a1bd57ed Mon Sep 17 00:00:00 2001
From: Haziq Khairi <ikhairulhaziq11@gmail.com>
Date: Fri, 12 Jan 2024 03:24:42 +0800
Subject: [PATCH] style: categories in the middle

---
 src/components/Categories.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Categories.jsx b/src/components/Categories.jsx
index 20664b9..8c7a611 100644
--- a/src/components/Categories.jsx
+++ b/src/components/Categories.jsx
@@ -15,9 +15,9 @@ const CategoryItem = ({ category }) => (
 
 const Categories = () => {
   return (
-    <div className="mt-5">
+    <div className="mt-5 text-center md:text-left">
       <h2 className="text-xl font-semibold">Categories</h2>
-      <div className="flex flex-wrap justify-start items-center gap-4 mt-4">
+      <div className="flex flex-wrap justify-center md:justify-start items-center gap-4 mt-4">
         {categories.map((category) => (
           <CategoryItem key={category.name} category={category} />
         ))}