split cv bloc

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>