Merge pull request #178 from mindfiredigital/dev

fix responsiveness

Author: anandmindfire

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}

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>

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>
           )}

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(
           (
             {