diff --git a/src/pages/code/index.astro b/src/pages/code/index.astro
index 0568e4f..1ec75c6 100644
--- a/src/pages/code/index.astro
+++ b/src/pages/code/index.astro
@@ -66,7 +66,7 @@ function formatMonth(dateStr: string) {
       </div>
     </div>
 
-    <div class="mb-16">
+    <div class="mb-20 -mx-7 px-7 py-8 bg-white/[0.03] rounded-2xl">
       <div class="flex items-center justify-between mb-6">
         <h2 class="text-2xl font-bold text-white ">Parcours</h2>
         <a href="/code/parcours" class="text-sm text-purple-200 hover:text-white transition-colors">Voir tout &rarr;</a>
@@ -110,7 +110,7 @@ function formatMonth(dateStr: string) {
       </div>
     </div>
 
-    <div class="mb-16">
+    <div class="mb-20 -mx-7 px-7 py-8 bg-white/[0.03] rounded-2xl">
       <div class="flex items-center justify-between mb-6">
         <h2 class="text-2xl font-bold text-white ">Projets</h2>
         <a href="/code/projets" class="text-sm text-purple-200 hover:text-white transition-colors">Voir tous &rarr;</a>
@@ -130,7 +130,7 @@ function formatMonth(dateStr: string) {
     </div>
 
     {recommendationTexts.length > 0 && (
-      <div class="mb-16">
+      <div class="mb-20">
         <div class="flex items-center justify-between mb-6">
           <h2 class="text-2xl font-bold text-white ">Recommandations</h2>
           <a href="/code/recommandations" class="text-sm text-purple-200 hover:text-white transition-colors">Voir toutes &rarr;</a>
@@ -150,7 +150,7 @@ function formatMonth(dateStr: string) {
       </div>
     )}
 
-    <div class="mb-16">
+    <div class="mb-20">
       <h2 class="text-2xl font-bold text-white  mb-6">Valeurs & Approche</h2>
       <ul class="space-y-4 text-white/80">
         <ValueItem>Le mouvement <Link href="http://manifesto.softwarecraftsmanship.org/#/fr-fr" external>Software Craftsmanship</Link></ValueItem>
@@ -161,14 +161,14 @@ function formatMonth(dateStr: string) {
       </ul>
     </div>
 
-    <div class="mb-16">
+    <div class="mb-20">
       <h2 class="text-2xl font-bold text-white  mb-6">Communauté & Enseignement</h2>
       <p class="text-white/60 leading-relaxed">
         J'anime les <Link href="https://www.meetup.com/software-crafters-albi/" external>Software Crafters d'Albi</Link> depuis 2018. Enseignant en génie logiciel à <Link href="https://www.univ-jfc.fr/" external>l'université Champollion</Link> d'Albi depuis 2019.
       </p>
     </div>
 
-    <div class="mb-16">
+    <div class="mb-20">
       <h2 class="text-2xl font-bold text-white  mb-6">En ligne</h2>
       <div class="flex flex-wrap gap-x-6 gap-y-3">
         <a href="https://www.linkedin.com/in/jalil" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 text-white/50 hover:text-white transition-colors">