Fix flex classes

src/components/inspirations/Header.vue

@@ -1,6 +1,6 @@
 <template>
   <header
-    class="flex | text-center"
+    class="flex items-center | text-center"
     :style="'--image: url(\'' + inspiration.cover + '\')'"
   >
     <h2

src/components/inspirations/Selector.vue

@@ -2,7 +2,7 @@
   <!-- TODO: dynamiser la valeur de l'attribut style: url('inspiration.cover') -->
   <div
     id="inspirations-dropdown"
-    class="flex"
+    class="flex flex-col"
     style="
       --image: url('https://plus.unsplash.com/premium_photo-1675626791716-7f74187592f1?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');
     "
@@ -33,10 +33,8 @@ const inspirations = ref([
 
 <style>
 #inspirations-dropdown {
-  --direction: column;
-  --items: flex-start;
-  --wrap: no-wrap;
   --row-gap: 0;
+  align-items: flex-start;
   position: absolute;
   top: 0;
   right: 0;