style: categories in the middle

kyziq · Jan 11, 2024 · a2803b9 · a2803b9
1 parent 5d62745
commit a2803b9
Showing 1 changed file with 2 additions and 2 deletions.
diff --git 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} />
         ))}