From 388562ae6bad25b7c996ae436b8be9a4b61eafab Mon Sep 17 00:00:00 2001
From: Ayusman Parida <ayusmanp@mindfiresolutions.com>
Date: Tue, 15 Apr 2025 17:22:36 +0530
Subject: [PATCH] fix: fix paddings for responsive

Fix paddings and changed colour for read more

Refs:[]
---
 src/app/contributors/page.tsx               | 2 +-
 src/app/packages/page.tsx                   | 2 +-
 src/app/projects/components/ProjectCard.tsx | 2 +-
 src/app/projects/components/ProjectGrid.tsx | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/contributors/page.tsx b/src/app/contributors/page.tsx
index 3519dff6..16b4f54a 100644
--- a/src/app/contributors/page.tsx
+++ b/src/app/contributors/page.tsx
@@ -67,7 +67,7 @@ const Contributors = () => {
               what we do.
             </p>
             {contributorsArray ? (
-              <div className='grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4'>
+              <div className='grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 px-6'>
                 {sortedAllContributors.map((contributor) => (
                   <div
                     key={contributor.id}
diff --git a/src/app/packages/page.tsx b/src/app/packages/page.tsx
index e508484f..200af986 100644
--- a/src/app/packages/page.tsx
+++ b/src/app/packages/page.tsx
@@ -225,7 +225,7 @@ const Stats = () => {
           </h1>
           <PackageCount totalPackages={packages.length} />
         </div>
-        <p className='mt-6 text-xl text-mf-light-grey tracking-wide mb-10 text-center'>
+        <p className='mt-6 text-xl text-mf-light-grey tracking-wide mb-10 text-center px-4'>
           Elevate your projects with Mindfire&apos;s game-changing open-source
           packages.
         </p>
diff --git a/src/app/projects/components/ProjectCard.tsx b/src/app/projects/components/ProjectCard.tsx
index c761b30f..97183650 100644
--- a/src/app/projects/components/ProjectCard.tsx
+++ b/src/app/projects/components/ProjectCard.tsx
@@ -65,7 +65,7 @@ export default function ProjectCard({
           </p>
           {/* Show toggle outside the paragraph */}
           {shortDescription.length > 120 && (
-            <span className='text-xs text-blue-500 mt-1 block'>
+            <span className='text-xs text-mindfire-text-red mt-1 block'>
               {expandDescription ? "less" : "more"}
             </span>
           )}
diff --git a/src/app/projects/components/ProjectGrid.tsx b/src/app/projects/components/ProjectGrid.tsx
index 0e8ca0d8..887afc57 100644
--- a/src/app/projects/components/ProjectGrid.tsx
+++ b/src/app/projects/components/ProjectGrid.tsx
@@ -34,7 +34,7 @@ export default function ProjectGrid({ title, projectData }: Props) {
         </h1>
         <ProjectCount totalProjects={projectData.length} />
       </div>
-      <div className='mt-12 px-4 grid gap-6 max-w-6xl mx-auto md:grid-cols-2 lg:grid-cols-3'>
+      <div className='mt-12 px-8 grid gap-6 max-w-6xl mx-auto md:grid-cols-2 lg:grid-cols-3'>
         {sortedProjects.map(
           (
             {