From 374076649e81111a063ed25849dace9982d9d94e Mon Sep 17 00:00:00 2001
From: parsa aghaei <p.aghaei@hoshmand.local>
Date: Sun, 20 Oct 2024 16:07:11 +0330
Subject: [PATCH] projects responsive updated

---
 src/app/(routes)/(website)/components/projects/projects.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/(routes)/(website)/components/projects/projects.tsx b/src/app/(routes)/(website)/components/projects/projects.tsx
index 47e5dcf..05dd9bb 100644
--- a/src/app/(routes)/(website)/components/projects/projects.tsx
+++ b/src/app/(routes)/(website)/components/projects/projects.tsx
@@ -94,13 +94,13 @@ export default function MyProjects({ dict }: MyProjectsProps) {
       <p className="text-center text-[21px] font-[400] text-black">
         {dict.homePage.projects.description}
       </p>
-      <ul className="mb-10 mt-20 flex w-full flex-wrap items-center justify-center gap-5">
+      <ul className="mb-10 mt-20 flex w-full flex-wrap items-center justify-center gap-2">
         {categories.length > 0 ? (
           categories.map((category, index) => (
             <li
               key={index}
               onClick={() => setSelectedCategory(category.label)}
-              className={`select-none whitespace-nowrap rounded-md border border-[#545454] bg-[#F8F8F8] px-[20px] py-[10px] text-[18px] font-[600] hover:cursor-pointer hover:border-[#FD6F00] capitalize ${
+              className={`select-none whitespace-nowrap rounded-md border border-[#545454] bg-[#F8F8F8] p-2 text-[14px] md:text-[18px] font-[600] hover:cursor-pointer hover:border-[#FD6F00] capitalize ${
                 selectedCategory === category.label
                   ? "bg-[#FD6F00] text-[#FFFFFF]"
                   : "text-[#000]"