More polish and finishing touches to documentation

frontend/src/views/documentation/About.vue

@@ -73,28 +73,6 @@
     </div>
 
     <div class="card">
-
-      <div class="card-header">
-        <img class="member-profile-picture"
-             src="/images/hutopymedia/tospage/membersPictures/profileDominique.png"
-             alt="Dominic Villemure">
-      </div>
-
-      <div class="card-body">
-        <div class="member-name">Dominic Villemure</div>
-        <div class="member-title">Responsable Technique</div>
-        <div class="member-description">
-          <p>
-            À la tête de notre équipe de développement, il assure qu’Hutopy reste à la
-            pointe de la technologie.
-          </p>
-        </div>
-      </div>
-
-    </div>
-
-    <div class="card">
-
       <div class="card-header">
         <img class="member-profile-picture"
              src="/images/hutopymedia/tospage/membersPictures/profilePascal.png"
@@ -146,7 +124,7 @@
 
       <div class="card-body">
         <div class="member-name">Jonathan Bourdon</div>
-        <div class="member-title">Programeur / Architecte</div>
+        <div class="member-title">Directeur Technique</div>
         <div class="member-description">
           <p>
             Son expérience d'architecte senior nous permet de développer un logiciel avec
@@ -156,6 +134,7 @@
       </div>
 
     </div>
+
   </div>
 
   <p>
@@ -167,19 +146,22 @@
 
 </template>
 
+
 <style scoped>
 @import '@/views/documentation/documentation.css';
 
 .members {
-  @apply gap-6;
-  @apply grid sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3;
   @apply mb-12;
+  @apply flex flex-wrap;
+  @apply w-full justify-center;
 }
 
 .card {
-  @apply flex flex-col gap-2;
-  @apply bg-hSurface rounded-2xl text-hOnSurface;
+  @apply flex flex-col;
+  @apply bg-hPrimary rounded-2xl text-hOnPrimary;
   @apply font-sans text-base;
+  @apply p-2;
+  @apply w-72;
 }
 
 .card-header {
@@ -187,7 +169,7 @@
 }
 
 .card-body {
-  @apply p-8;
+  @apply w-full
 }
 
 .member-profile-picture {
@@ -196,11 +178,12 @@
 
 .member-name {
   @apply font-bold text-2xl;
+  @apply mb-2;
 }
 
 .member-title {
   @apply font-semibold text-lg;
-  @apply mb-8;
+  @apply mb-4;
 }
 
 .member-description {