Merge pull request #1309 from w3bdesign/develop

Category design

Author: w3bdesign

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-1 md:grid-cols-3 xs:grid-cols-3">
       {categories.map(({ id, name, slug }) => (
         <Link
           key={uuidv4()}