From 5e120151ee97086653e615a9ad3a4afac9b58a0c Mon Sep 17 00:00:00 2001
From: Hugo LAMY <hugo.lamy@oskey.io>
Date: Tue, 17 Mar 2026 22:08:36 +0100
Subject: [PATCH] split cv bloc

---
 src/body.php        |  2 ++
 src/modules/cv.html | 18 +++++++++++++++++-
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/body.php b/src/body.php
index c328021..4474f51 100644
--- a/src/body.php
+++ b/src/body.php
@@ -12,10 +12,12 @@
     text-align: center;
 
     >* {
+      /* starts at column 2 and spans 1 column */
       grid-column: 2 / span 1;
     }
 
     >.grid_full_width {
+      /* starts at column 1 and spans all 3 columns */
       grid-column: 1 / span 3;
     }
 
diff --git a/src/modules/cv.html b/src/modules/cv.html
index 72aec78..bae877b 100644
--- a/src/modules/cv.html
+++ b/src/modules/cv.html
@@ -34,6 +34,22 @@
         border: 1px dashed black;
         padding: 20px;
         padding-left: 40px;
+
+        &.split_columns {
+          display: grid;
+          grid-gap: 20px;
+          grid-auto-flow: row;
+          grid-template-rows: 1fr;
+
+          @media (min-width: 900px) {
+            grid-auto-flow: column;
+            grid-template-rows: auto 1fr;
+
+            ul {
+              padding-left: 0px;
+            }
+          }
+        }
       }
     }
   }
@@ -308,7 +324,7 @@
       <span class="en">EDUCATION</span>
     </h2>
 
-    <div class="dashed">
+    <div class="dashed split_columns">
       <p>
         <span class="fr"> ECOLES </span>
         <span class="en"> SCHOOLS </span>