Change div to section

src/components/FormationsAbout.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="w-full mb-10">
+  <section class="w-full mb-10">
     <h3 class="font-bold text-2xl md:text-4xl mb-3">
       {{ $t('about.title.formations') }}
       <DegreeHatIcon />
@@ -12,7 +12,7 @@
         :begin="formation.begin_date"
         :end="formation.end_date" />
     </div>
-  </div>
+  </section>
 </template>
 
 <script lang="ts">

src/pages/projects.vue

@@ -2,7 +2,7 @@
   <main v-if="projects" class="flex flex-col items-center px-4 xl:px-32">
     <PageTitle title="part.projects" />
     <h1 v-if="projects.length === 0" class="text-xl font-bold text-center my-8 w-full">{{ $t('projects.no_project') }}</h1>
-    <div v-else class="flex flex-col justify-around items-center w-full">
+    <section v-else class="flex flex-col justify-around items-center w-full">
       <h1 class="text-gray-700 dark:text-gray-400 text-xl mt-4 mb-8">{{ $t('projects.description') }}</h1>
       <div class="flex flex-col items-center md:items-start md:flex-row flex-wrap w-full space-y-3 md:space-y-0">
         <div class="grid grid-cols-1 gap-x-4 gap-y-8 mb-20 sm:grid-cols-3">
@@ -17,7 +17,7 @@
           />
         </div>
       </div>
-    </div>
+    </section>
   </main>
 </template>