Styling (grid layout + reset heading sizes)

cv_gen/lib/templates/cv.html.eex

@@ -39,8 +39,19 @@
       box-sizing: border-box;
     }
 
+    h1, h2, h3, h4, h5, h6 {
+      font-size: 1em;
+    }
+
+    ol,
+    ul {
+      list-style: none;
+      padding-inline: 0;
+    }
+
     body {
-      width: 80ch;
+      width: 80;
+      max-width: 120ch;
       margin-top: 2em;
       margin-bottom: 2em;
       margin-right: auto;
@@ -49,11 +60,14 @@
       background-color: white;
       font-family: 'Open Sans', Arial, Tahoma;
       font-weight: 400;
-    }
 
-    ol,
-    ul {
-      list-style: none;
+      display: grid;
+      grid-template-areas:
+      "basics basics"
+      "work education"
+      "work skills"
+      "work languages"
+      "work _";
     }
 
     dl {
@@ -70,10 +84,16 @@
     }
 
     #basics {
+      grid-area: basics;
+
       display: grid;
       justify-items: center;
     }
 
+    #work {
+      grid-area: work;
+    }
+
     #basics>h1,
     #basics>h2 {
       text-transform: uppercase;
@@ -111,10 +131,6 @@
       font-weight: 500;
     }
 
-    .highlights {
-      font-size: 0.6em;
-    }
-
     #skills .tools::after {
       content: "Outils";
     }