From 238a2828fd7feee8e586581c4ab2a528080d84c2 Mon Sep 17 00:00:00 2001
From: Bianca <ianoselbiancaroberta02@gmail.com>
Date: Mon, 25 May 2026 21:41:11 +0200
Subject: [PATCH 1/4] feat: improve  Material's mobile layout

---
 src/components/home/materials.tsx | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/components/home/materials.tsx b/src/components/home/materials.tsx
index 45a9f5e..d131861 100644
--- a/src/components/home/materials.tsx
+++ b/src/components/home/materials.tsx
@@ -1,12 +1,16 @@
 import { FiArrowUpRight, FiBook, FiBookOpen, FiClipboard, FiFileText, FiUploadCloud } from "react-icons/fi"
 import { CardIcon } from "@/components/card-icon"
 import { Button } from "@/components/ui/button"
+import { CardCaption } from "../card-caption"
 
 const featuredCards = [
   {
     title: "Carica",
     description:
       "Hai appunti, dispense o temi d'esame che vuoi condividere? Caricali qui! Il tuo contributo é prezioso per aiutare migliaia di colleghi con materiale aggiornato!",
+    caption:
+      "Hai appunti, dispense o temi d'esame che vuoi condividere? Caricali qui! Il tuo contributo è prezioso per aiutare migliaia di colleghi con materiale aggiornato!",
+
     icon: FiUploadCloud,
     size: "lg",
     href: "#",
@@ -15,6 +19,8 @@ const featuredCards = [
     title: "Visualizza",
     description:
       "Cerca cio che ti serve per il tuo prossimo esame. Naviga tra i corsi di studio e trova facilmente appunti, esercizi e dispense condivisi da altri studenti come te.",
+    caption:
+      "Cerca cio che ti serve per il tuo prossimo esame. Naviga tra i corsi di studio e trova facilmente appunti, esercizi e dispense condivisi da altri studenti come te.",
     icon: FiBookOpen,
     size: "lg",
     href: "#",
@@ -30,13 +36,20 @@ const quickLinks = [
 export function Materials() {
   return (
     <section className="mx-auto flex max-w-400 flex-col-reverse gap-24 p-11 py-28 sm:px-20 2xl:flex-row 2xl:items-start 2xl:gap-32">
-      <div className="flex grow flex-col gap-5 sm:gap-6 2xl:gap-8 2xl:pt-44">
-        <div className="grid gap-4 sm:grid-cols-2 sm:gap-12 2xl:gap-20">
-          {/* TODO sotto sm usare le altre card fatte da Diubi */}
+      <div className="flex grow flex-col gap-4 sm:gap-6 2xl:gap-8 2xl:pt-44">
+
+        {/* Desktop Cards */}
+        <div className="hidden gap-4 sm:grid sm:grid-cols-2 sm:gap-12 2xl:gap-20">
           {featuredCards.map((card) => (
             <CardIcon key={card.title} {...card} className="h-full" />
           ))}
         </div>
+        {/* Mobile Cards */}
+        <div className="flex flex-col items-center gap-4 sm:hidden">
+          {featuredCards.map((card) => (
+            <CardCaption key={card.title} {...card} className="h-full w-fit" />
+          ))}
+        </div>
 
         <div className="grid grid-cols-3 gap-4 sm:gap-12 2xl:gap-20">
           {quickLinks.map((card) => (

From ddc7bef4dd17ffb88b28acbe88dbecb1246ad48a Mon Sep 17 00:00:00 2001
From: Bianca <ianoselbiancaroberta02@gmail.com>
Date: Mon, 25 May 2026 21:41:42 +0200
Subject: [PATCH 2/4] fix: biome fix

---
 src/components/home/materials.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/home/materials.tsx b/src/components/home/materials.tsx
index d131861..0e03de1 100644
--- a/src/components/home/materials.tsx
+++ b/src/components/home/materials.tsx
@@ -37,7 +37,6 @@ export function Materials() {
   return (
     <section className="mx-auto flex max-w-400 flex-col-reverse gap-24 p-11 py-28 sm:px-20 2xl:flex-row 2xl:items-start 2xl:gap-32">
       <div className="flex grow flex-col gap-4 sm:gap-6 2xl:gap-8 2xl:pt-44">
-
         {/* Desktop Cards */}
         <div className="hidden gap-4 sm:grid sm:grid-cols-2 sm:gap-12 2xl:gap-20">
           {featuredCards.map((card) => (

From d5d3b46a5de7255c2b445bb271551139b416ba12 Mon Sep 17 00:00:00 2001
From: Bianca <ianoselbiancaroberta02@gmail.com>
Date: Tue, 2 Jun 2026 23:34:58 +0200
Subject: [PATCH 3/4] fix: remove redundant caption from featuredCards and use
 description for mobile CardCaption

---
 src/components/home/materials.tsx | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/src/components/home/materials.tsx b/src/components/home/materials.tsx
index 0e03de1..96e1bbb 100644
--- a/src/components/home/materials.tsx
+++ b/src/components/home/materials.tsx
@@ -8,9 +8,6 @@ const featuredCards = [
     title: "Carica",
     description:
       "Hai appunti, dispense o temi d'esame che vuoi condividere? Caricali qui! Il tuo contributo é prezioso per aiutare migliaia di colleghi con materiale aggiornato!",
-    caption:
-      "Hai appunti, dispense o temi d'esame che vuoi condividere? Caricali qui! Il tuo contributo è prezioso per aiutare migliaia di colleghi con materiale aggiornato!",
-
     icon: FiUploadCloud,
     size: "lg",
     href: "#",
@@ -19,8 +16,6 @@ const featuredCards = [
     title: "Visualizza",
     description:
       "Cerca cio che ti serve per il tuo prossimo esame. Naviga tra i corsi di studio e trova facilmente appunti, esercizi e dispense condivisi da altri studenti come te.",
-    caption:
-      "Cerca cio che ti serve per il tuo prossimo esame. Naviga tra i corsi di studio e trova facilmente appunti, esercizi e dispense condivisi da altri studenti come te.",
     icon: FiBookOpen,
     size: "lg",
     href: "#",
@@ -46,7 +41,8 @@ export function Materials() {
         {/* Mobile Cards */}
         <div className="flex flex-col items-center gap-4 sm:hidden">
           {featuredCards.map((card) => (
-            <CardCaption key={card.title} {...card} className="h-full w-fit" />
+            <CardCaption key={card.title}
+              {...card} caption={card.description} className="h-full w-fit" />
           ))}
         </div>
 

From 0673a932fba54d7533221cf442d157662e6663b5 Mon Sep 17 00:00:00 2001
From: Bianca <ianoselbiancaroberta02@gmail.com>
Date: Tue, 2 Jun 2026 23:35:17 +0200
Subject: [PATCH 4/4] fix: biome

---
 src/components/home/materials.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/home/materials.tsx b/src/components/home/materials.tsx
index 96e1bbb..575d00d 100644
--- a/src/components/home/materials.tsx
+++ b/src/components/home/materials.tsx
@@ -41,8 +41,7 @@ export function Materials() {
         {/* Mobile Cards */}
         <div className="flex flex-col items-center gap-4 sm:hidden">
           {featuredCards.map((card) => (
-            <CardCaption key={card.title}
-              {...card} caption={card.description} className="h-full w-fit" />
+            <CardCaption key={card.title} {...card} caption={card.description} className="h-full w-fit" />
           ))}
         </div>