add responsive contact

src/components/ContactView.vue

@@ -4,8 +4,8 @@
       <TitleComposant label="Contacts" class="q-mt-xl" />
     </a>
     <div class="q-ml-xl text-bold text-h6">
-      <p class="flex items-center"><img class="q-mr-xs non-selectable" src="/clement.franckelemon.etu/portfolio-2025/spa/images/Contact/mail.png"/>Clement.Franckelemon@gmail.com</p>
-      <p class="flex items-center"><img class="q-mr-xs non-selectable" src="/clement.franckelemon.etu/portfolio-2025/spa/images/Contact/telephone.png"/>07 66 55 76 78</p>
+      <p class="flex items-center" :class="$q.screen.lt.md ? 'q-mr-xl text-subtitle2': ''"><img class="q-mr-xs non-selectable" src="/clement.franckelemon.etu/portfolio-2025/spa/images/Contact/mail.png"/>Clement.Franckelemon@gmail.com</p>
+      <p class="flex items-center" ><img class="q-mr-xs non-selectable" src="/clement.franckelemon.etu/portfolio-2025/spa/images/Contact/telephone.png"/>07 66 55 76 78</p>
       <a class="text-secondary" href="https://www.linkedin.com/in/cl%C3%A9ment-franckelemon-88976b26b/"><p class="flex items-center"><img class="q-mr-xs non-selectable" src="/clement.franckelemon.etu/portfolio-2025/spa/images/Contact/linkedin.png"/>Linkedin</p></a>
     </div>
   </div>

src/components/HomeView.vue

@@ -8,7 +8,7 @@
     <div class="col-6 column items-center text-h2 text-bold text-secondary" :class="$q.screen.lt.md ? 'text-h4' : 'text-h2' ">
       <span class="arial text-uppercase">{{first}}</span>
       <span class="arial text-uppercase" >{{ second }}</span>
-      <span class="text-dark text-h6" >{{accent}}</span>
+      <span class="text-dark text-h6 text-center" >{{accent}}</span>
     </div>
   </div>
 </template>

src/components/ProjetView.vue

@@ -10,13 +10,13 @@
     />
     <div class="text-secondary text-bold" style="font-size: 1.1em">Chargement...</div>
   </div>
-  <div v-else v-for="projet in projetSorted" :key="projet.id" class="text-secondary q-ml-xl q-mt-xl">
+  <div v-else v-for="projet in projetSorted" :key="projet.id" class="text-secondary q-ml-xl q-mt-xl" >
     <span class="text-h4 text-bold">{{projet.title}}</span>
-    <div class="q-mx-xl text-h6">
+    <div class="text-h6" :class="$q.screen.lt.md ? 'q-mr-xl' : 'q-mx-xl' ">
       <span>{{projet.littleDescription}}</span>
     </div>
     <div class="row justify-center">
-      <q-btn :to="`/projet/${projet.id}`" style="padding: 0 25%; border-radius: 10px" class="bg-secondary text-primary text-bold text-h6 q-mt-sm" label="en savoir plus" />
+      <q-btn :to="`/projet/${projet.id}`" style="padding: 0 25%; border-radius: 10px" class="bg-secondary text-primary text-bold text-h6 q-mt-sm" :class="$q.screen.lt.md ? 'q-mr-xl text-subtitle2' : '' " label="en savoir plus" />
     </div>
   </div>
 </template>