Improve column size

.idea/workspace.xml

@@ -2,10 +2,8 @@
 <project version="4">
   <component name="ChangeListManager">
     <list default="true" id="458baa9a-0ac3-475e-8174-3ab8ea444385" name="Default Changelist" comment="">
-      <change afterPath="$PROJECT_DIR$/cv.html" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/css/custom/main.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/custom/main.css" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/home.html" beforeDir="false" afterPath="$PROJECT_DIR$/home.html" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/cv.html" beforeDir="false" afterPath="$PROJECT_DIR$/cv.html" afterDir="false" />
     </list>
     <ignored path="$PROJECT_DIR$/.tmp/" />
     <ignored path="$PROJECT_DIR$/temp/" />
@@ -18,20 +16,20 @@
   </component>
   <component name="FileEditorManager">
     <leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
-      <file pinned="false" current-in-tab="true">
+      <file pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/home.html">
           <provider selected="true" editor-type-id="text-editor">
             <state relative-caret-position="311">
-              <caret line="42" column="36" lean-forward="true" selection-start-line="42" selection-start-column="36" selection-end-line="42" selection-end-column="36" />
+              <caret line="42" column="25" lean-forward="true" selection-start-line="42" selection-start-column="25" selection-end-line="42" selection-end-column="25" />
             </state>
           </provider>
         </entry>
       </file>
-      <file pinned="false" current-in-tab="false">
+      <file pinned="false" current-in-tab="true">
         <entry file="file://$PROJECT_DIR$/cv.html">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="651">
-              <caret line="206" column="39" selection-start-line="206" selection-start-column="39" selection-end-line="206" selection-end-column="39" />
+            <state relative-caret-position="1126">
+              <caret line="189" column="21" selection-start-line="189" selection-start-column="21" selection-end-line="189" selection-end-column="21" />
             </state>
           </provider>
         </entry>
@@ -55,6 +53,11 @@
       </list>
     </option>
   </component>
+  <component name="FindInProjectRecents">
+    <findStrings>
+      <find>em</find>
+    </findStrings>
+  </component>
   <component name="Git.Settings">
     <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
   </component>
@@ -62,8 +65,8 @@
     <option name="CHANGED_PATHS">
       <list>
         <option value="$PROJECT_DIR$/css/custom/main.css" />
-        <option value="$PROJECT_DIR$/cv.html" />
         <option value="$PROJECT_DIR$/home.html" />
+        <option value="$PROJECT_DIR$/cv.html" />
       </list>
     </option>
   </component>
@@ -139,16 +142,15 @@
       <option name="presentableId" value="Default" />
       <updated>1544351302156</updated>
       <workItem from="1544351313044" duration="4545000" />
-      <workItem from="1544467535946" duration="3212000" />
+      <workItem from="1544467535946" duration="3718000" />
     </task>
     <servers />
   </component>
   <component name="TimeTrackingManager">
-    <option name="totallyTimeSpent" value="7757000" />
+    <option name="totallyTimeSpent" value="8263000" />
   </component>
   <component name="ToolWindowManager">
     <frame x="-3" y="25" width="1602" height="885" extended-state="0" />
-    <editor active="true" />
     <layout>
       <window_info active="true" content_ui="combo" id="Project" order="0" visible="true" weight="0.13032421" />
       <window_info id="Structure" order="1" side_tool="true" weight="0.25" />
@@ -188,17 +190,17 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/cv.html">
+    <entry file="file://$PROJECT_DIR$/home.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="651">
-          <caret line="206" column="39" selection-start-line="206" selection-start-column="39" selection-end-line="206" selection-end-column="39" />
+        <state relative-caret-position="311">
+          <caret line="42" column="25" lean-forward="true" selection-start-line="42" selection-start-column="25" selection-end-line="42" selection-end-column="25" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/home.html">
+    <entry file="file://$PROJECT_DIR$/cv.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="311">
-          <caret line="42" column="36" lean-forward="true" selection-start-line="42" selection-start-column="36" selection-end-line="42" selection-end-column="36" />
+        <state relative-caret-position="1126">
+          <caret line="189" column="21" selection-start-line="189" selection-start-column="21" selection-end-line="189" selection-end-column="21" />
         </state>
       </provider>
     </entry>

cv.html

@@ -47,157 +47,155 @@
             Curriculum Vitae
         </h2>
     </div>
+    <h1>Formation</h1>
+    <div class="row">
+        <!-- Centrale -->
+        <div class="col-3">
+            2017 - aujourd'hui
+        </div>
+        <div class="col-9">
+            <b>École Centrale</b> – <em>Nantes</em>
+            <br/>
+            Formation ingénieur généraliste
+        </div>
+
+        <!-- Chateaubriand -->
+        <div class="col-3">
+            2015 - 2017
+        </div>
+        <div class="col-9">
+            <b>Lycée Chateaubriand</b> : Classe Préparatoire Grandes Écoles – <em>Rennes</em>
+            <br/>
+            Filière MPSI (Maths Physique Sciences de l'Ingénieur) – MP* (Maths Physique)
+            <br/>
+            option informatique
+        </div>
+
+        <!-- Réaumur -->
+        <div class="col-3">
+            juin 2015
+        </div>
+        <div class="col-9">
+            <b>Lycée Réaumur</b> – <em>Laval</em>
+            <br/>
+            Baccalauréat Scientifique spécialité Sciences de l'Ingénieur
+            <br/>
+            mention Très Bien
+        </div>
+    </div>
+    <h1>Expériences</h1>
     <div class="row">
         <div class="col-lg-12 col-xl-6">
-            <h1>Formation</h1>
+            <h2>Monde de l'entreprise</h2>
+            <!-- LTI -->
+
             <div class="row">
-                <!-- Centrale -->
-                <div class="col-4">
-                    2017 - aujourd'hui
+                <div class="col-3">
+                    étés 2016-17
                 </div>
-                <div class="col-8">
-                    <b>École Centrale</b> – <em>Nantes</em>
+                <div class="col-9">
+                    <b>LTI</b> : La Technique Industrielle – <em>Bain de Bretagne</em>
                     <br/>
-                    Formation ingénieur généraliste
+                    job d'été en intérimaire
+                    <br/>
+                    assistant métallier
                 </div>
+            </div>
+            <!-- ARA-Technology -->
 
-                <!-- Chateaubriand -->
-                <div class="col-4">
-                    2015 - 2017
+            <div class="row">
+                <div class="col-3">
+                    avril 2014
                 </div>
-                <div class="col-8">
-                    <b>Lycée Chateaubriand</b> : Classe Préparatoire Grandes Écoles – <em>Rennes</em>
+                <div class="col-9">
+                    <b>ARA-Technology</b> – <em>Laval</em>
+                    stage d'observation
                     <br/>
-                    Filière MPSI (Maths Physique Sciences de l'Ingénieur) – MP* (Maths Physique)
-                    <br/>
-                    option informatique
+                    start-up spécialisée en
+                    réalité augmentée sur supports
+                    mobiles (développement sur Unity)
                 </div>
+            </div>
+            <!-- Le Cube -->
 
-                <!-- Réaumur -->
-                <div class="col-4">
-                    juin 2015
+            <div class="row">
+                <div class="col-3">
+                    mai 2012
                 </div>
-                <div class="col-8">
-                    <b>Lycée Réaumur</b> – <em>Laval</em>
+                <div class="col-9">
+                    <b>Le Cube</b> – <em>St Denis de Gastines</em>
+                    stage d'observation
                     <br/>
-                    Baccalauréat Scientifique spécialité Sciences de l'Ingénieur
+                    studio d'enregistrement de musique
+                </div>
+            </div>
+            <!-- AutoCast Industry -->
+
+            <div class="row">
+                <div class="col-3">
+                    juin 2011
+                </div>
+                <div class="col-9">
+                    <b>AutoCast Industry</b> – <em>Laval</em>
+                    stage d'observation
                     <br/>
-                    mention Très Bien
+                    fonderie de pièces automobiles
                 </div>
             </div>
         </div>
+
         <div class="col-lg-12 col-xl-6">
-            <h1>Expériences</h1>
+
+            <h2>Projets scolaires</h2>
+            <!-- TIPE -->
+
             <div class="row">
-                <div class="col-lg-12 col-xl-6">
-                    <h2>Monde de l'entreprise</h2>
-                    <!-- LTI -->
-                    <div class="col-4">
-                        étés 2016-17
-                    </div>
-                    <div class="row">
-                        <div class="col-8">
-                            <b>LTI</b> : La Technique Industrielle – <em>Bain de Bretagne</em>
-                            <br/>
-                            job d'été en intérimaire
-                            <br/>
-                            assistant métallier
-                        </div>
-                    </div>
-                    <!-- ARA-Technology -->
-                    <div class="col-4">
-                        avril 2014
-                    </div>
-                    <div class="row">
-                        <div class="col-8">
-                            <b>ARA-Technology</b> – <em>Laval</em>
-                            stage d'observation
-                            <br/>
-                            start-up spécialisée en
-                            réalité augmentée sur supports
-                            mobiles (développement sur Unity)
-                        </div>
-                    </div>
-                    <!-- Le Cube -->
-                    <div class="col-4">
-                        mai 2012
-                    </div>
-                    <div class="row">
-                        <div class="col-8">
-                            <b>Le Cube</b> – <em>St Denis de Gastines</em>
-                            stage d'observation
-                            <br/>
-                            studio d'enregistrement de musique
-                        </div>
-                    </div>
-                    <!-- AutoCast Industry -->
-                    <div class="col-4">
-                        juin 2011
-                    </div>
-                    <div class="row">
-                        <div class="col-8">
-                            <b>AutoCast Industry</b> – <em>Laval</em>
-                            stage d'observation
-                            <br/>
-                            fonderie de pièces automobiles
-                        </div>
-                    </div>
+                <div class="col-3">
+                    2016-2017
+                </div>
+                <div class="col-9">
+                    <b>TIPE</b> : Travaux d'Initiative Personnelle Encadrés
+                    Projet de concours
+                    <br/>
+                    développement d'intelligences
+                    artificielles sur un jeu de stratégie
+                    <br/>
+                    20/20 au concours Centrale
                 </div>
+            </div>
+            <!-- PPE -->
 
-                <div class="col-lg-12 col-xl-6">
-                    <h2>Projets scolaires</h2>
-                    <!-- TIPE -->
-                    <div class="col-4">
-                        2016-2017
-                    </div>
-                    <div class="row">
-                        <div class="col-8">
-                            <b>TIPE</b> : Travaux d'Initiative Personnelle Encadrés
-                            Projet de concours
-                            <br/>
-                            développement d'intelligences
-                            artificielles sur un jeu de stratégie
-                            <br/>
-                            20/20 au concours Centrale
-                        </div>
-                    </div>
-                    <!-- PPE -->
-                    <div class="col-4">
-                        avril 2014
-                    </div>
-                    <div class="row">
-                        <div class="col-8">
-                            <b>PPE</b> : Projet Pluridisciplinaire Encadré
-                            projet de baccalauréat
-                            <br/>
-                            automatisation d'un distributeur autonome de
-                            nourriture pour chats
-                        </div>
-                    </div>
-                    <!-- Club-Programmation informatique -->
-                    <div class="col-4">
-                        2013-2015
-                    </div>
-                    <div class="row">
-                        <div class="col-8">
-                            <b>Club-Programmation informatique</b>
-                            fondation et animation 4h/semaine
-                            <br/>
-                            travail en projets
-                            <br/>
-                            partage de connaissances
-                        </div>
-                    </div>
+            <div class="row">
+                <div class="col-3">
+                    avril 2014
+                </div>
+                <div class="col-9">
+                    <b>PPE</b> : Projet Pluridisciplinaire Encadré
+                    projet de baccalauréat
+                    <br/>
+                    automatisation d'un distributeur autonome de
+                    nourriture pour chats
+                </div>
+            </div>
+            <!-- Club-Programmation informatique -->
+
+            <div class="row">
+                <div class="col-3">
+                    2013-2015
+                </div>
+                <div class="col-9">
+                    <b>Club-Programmation informatique</b>
+                    fondation et animation 4h/semaine
+                    <br/>
+                    travail en projets
+                    <br/>
+                    partage de connaissances
                 </div>
             </div>
-        </div>
-        <div class="col-lg-12 col-xl-6">
-            <h1>Compétences</h1>
-        </div>
-        <div class="col-lg-12 col-xl-6">
-            <h1>Intérêts</h1>
         </div>
     </div>
+    <h1>Compétences</h1>
+    <h1>Intérêts</h1>
 
 </main>