From bbb7ecb462abf1e5a93cdc3030e836b105ea2c58 Mon Sep 17 00:00:00 2001
From: Tiago Yamamoto <japa@rede5.com.br>
Date: Sat, 14 Feb 2026 21:02:40 -0300
Subject: [PATCH] Fix homepage card layout at medium-large breakpoints

---
 frontend/src/app/page.tsx            | 4 ++--
 frontend/src/components/job-card.tsx | 2 ++
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/page.tsx b/frontend/src/app/page.tsx
index 2a74479..2cce9c4 100644
--- a/frontend/src/app/page.tsx
+++ b/frontend/src/app/page.tsx
@@ -140,7 +140,7 @@ export default function Home() {
                         <div className="overflow-hidden" ref={emblaRef}>
                             <div className="flex gap-6">
                                 {mockJobs.slice(0, 8).map((job, index) => (
-                                    <div key={`latest-${job.id}-${index}`} className="flex-[0_0_100%] sm:flex-[0_0_50%] lg:flex-[0_0_33.333%] xl:flex-[0_0_25%] min-w-0 pb-1">
+                                    <div key={`latest-${job.id}-${index}`} className="flex-[0_0_100%] sm:flex-[0_0_50%] lg:flex-[0_0_50%] xl:flex-[0_0_33.333%] 2xl:flex-[0_0_25%] min-w-0 pb-1">
                                         <JobCard job={job} />
                                     </div>
                                 ))}
@@ -163,7 +163,7 @@ export default function Home() {
                             </Link>
                         </div>
 
-                        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
+                        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4 gap-6">
                             {mockJobs.slice(0, 8).map((job, index) => (
                                 <JobCard key={`more-${job.id}-${index}`} job={job} />
                             ))}
diff --git a/frontend/src/components/job-card.tsx b/frontend/src/components/job-card.tsx
index 99936fe..f3683f7 100644
--- a/frontend/src/components/job-card.tsx
+++ b/frontend/src/components/job-card.tsx
@@ -74,6 +74,8 @@ export function JobCard({ job, isApplied, applicationStatus }: JobCardProps) {
       notify.error("Erro", "Faça login para salvar vagas.");
     }
   };
+
+  const formatTimeAgo = (dateString: string) => {
     const date = new Date(dateString);
     const now = new Date();
     const diffInMs = now.getTime() - date.getTime();