From f7df74c574972a474360eb875a904113c725b072 Mon Sep 17 00:00:00 2001
From: Djeex <djeex@djeex.fr>
Date: Sun, 6 Sep 2026 12:28:39 +0200
Subject: [PATCH] Stack CTA buttons and shrink hero and image spacing on mobile

---
 content/en/index.md | 6 +++---
 content/fr/index.md | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/content/en/index.md b/content/en/index.md
index b4ebf19..91a5dba 100644
--- a/content/en/index.md
+++ b/content/en/index.md
@@ -7,7 +7,7 @@ seo:
 
 :ellipsis{right=0px width=75% blur=150px zIndex=60}
 
-::u-container{class="min-h-[calc(100vh-var(--ui-header-height))] flex flex-col pt-32 pb-32"}
+::u-container{class="min-h-[calc(100vh-var(--ui-header-height))] flex flex-col pt-32 pb-32 max-md:pt-[60px] max-md:pb-[60px]"}
 :::div{class="grid lg:grid-cols-3 gap-8 items-stretch flex-1"}
 ::::div{class="lg:col-span-2 flex flex-col justify-between"}
 :::::div{class="flex flex-col gap-8"}
@@ -16,11 +16,11 @@ seo:
 <p class="text-lg my-0!">Docs, more docs. Tips and experiments. Build your homelab and your own NAS.</p>
 :::::
 
-:::::div{class="my-6"}
+:::::div{class="my-6 pt-[25px] pb-[25px]"}
 ![](/img/global/docudjeex-home.svg){.w-full}
 :::::
 
-:::::div{class="flex items-center gap-3"}
+:::::div{class="flex flex-col sm:flex-row sm:items-center gap-3"}
 ::::::u-button{class="text-white font-bold"}
 ---
 color: primary
diff --git a/content/fr/index.md b/content/fr/index.md
index 5697fff..fc48837 100644
--- a/content/fr/index.md
+++ b/content/fr/index.md
@@ -7,7 +7,7 @@ seo:
 
 :ellipsis{right=0px width=75% blur=150px zIndex=60}
 
-::u-container{class="min-h-[calc(100vh-var(--ui-header-height))] flex flex-col pt-32 pb-32"}
+::u-container{class="min-h-[calc(100vh-var(--ui-header-height))] flex flex-col pt-32 pb-32 max-md:pt-[60px] max-md:pb-[60px]"}
 :::div{class="grid lg:grid-cols-3 gap-8 items-stretch flex-1"}
 ::::div{class="lg:col-span-2 flex flex-col justify-between"}
 :::::div{class="flex flex-col gap-8"}
@@ -16,11 +16,11 @@ seo:
 <p class="text-lg my-0!">De la doc, encore de la doc. Des astuces et des expériences. Construisez votre homelab et votre propre NAS.</p>
 :::::
 
-:::::div{class="my-6"}
+:::::div{class="my-6 pt-[25px] pb-[25px]"}
 ![](/img/global/docudjeex-home.svg){.w-full}
 :::::
 
-:::::div{class="flex items-center gap-3"}
+:::::div{class="flex flex-col sm:flex-row sm:items-center gap-3"}
 ::::::u-button{class="text-white font-bold"}
 ---
 color: primary