Add more flex utilities

src/pages/subpages/download.liquid

@@ -4,7 +4,7 @@ showTitle: false
 order: 4
 ---
 
-<div class="flex-container justify-center download">
+<div class="flex justify-center items-center download">
     <p>Vous souhaitez imprimer ce document ?</p>
     <i>--></i>
     <button type="button" onclick="window.print()" class="btn btn-download icon--right icon-download">Télécharger en PDF</button>

src/scss/components/_utilities.scss

@@ -28,21 +28,24 @@
   background-color: var(--background-color, none);
 }
 
-.flex-container {
+.flex {
   display: inline-flex;
+}
+
+.flex-col {
+  flex-direction: column;
+}
+
+.justify-around {
+  justify-content: space-around;
+}
+
+.justify-center {
+  justify-content: center;
+}
+
+.items-center {
   align-items: center;
-
-  &.flex-col {
-    flex-direction: column;
-  }
-
-  &.justify-around {
-    justify-content: space-around;
-  }
-  
-  &.justify-center {
-    justify-content: center;
-  }
 }
 
 .sr-only {

src/scss/critical.scss

@@ -301,12 +301,6 @@ section {
 }
 
 .competences-section {
-  > div {
-    display: flex;
-    flex-direction: column;
-    justify-content: space-around;
-  }
-
   .col {
     width: 100%;
     margin-bottom: 2rem;