Terminé Homeview

src/views/main/HomeView.vue

@@ -65,6 +65,7 @@
                   </v-card>
                 </v-hover>
               </v-col>
+
               <v-col cols="4" sm="4" md="4">
                 <v-hover v-slot="{ isHovering, props }">
                   <v-card style="min-width: 325px; border-radius: 20px;" class="mx-auto card-size " v-bind="props">
@@ -226,8 +227,8 @@
     <div class="md:hidden flex flex-col items-center justify-center">
       <div>
 
+        <v-img src="../../../images/homepage/bannierehomepage.png" class="banner-image" alt="Bannière"></v-img>
 
-        <img src="../../../images/homepage/bannierehomepage.png" class="banner-image" alt="Bannière">
 
 
 
@@ -246,7 +247,7 @@
         </v-row>
 
 
-        <v-row>
+        <v-row align="center">
           <v-col>
             <p style=" margin: 20px; text-align: justify;" class="center-vertical">Devenez une source d'inspiration sur
               Hutopy, en partageant
@@ -255,14 +256,14 @@
               Influencez positivement la communauté, éveillez la curiosité et inspirez les autres à poursuivre leurs
               rêves dans un cercle vertueux de créativité et d'inspiration.</p>
           </v-col>
-          <v-col cols="6" align="center">
+          <v-col cols="6">
             <v-img style="margin-right: 25px; border-radius: 20px; width: 85%;"
               src="../../../images/homepage/partager.png"></v-img>
           </v-col>
         </v-row>
 
-        <v-row>
-          <v-col cols="6" align="center">
+        <v-row align="center">
+          <v-col cols="6">
             <v-img style="margin-left: 25px; border-radius: 20px; width: 85%;"
               src="../../../images/homepage/inspirer.png"></v-img>
           </v-col>
@@ -277,11 +278,11 @@
         </v-row>
 
 
-        <v-img style="margin-top: 50px; margin-bottom: 50px; min-width: 350px;"
+        <v-img style="margin-top: 50px; margin-bottom: 25px; min-width: 350px;"
           src="../../../images/homepage/votrehutopy.png"></v-img>
 
         <v-row align="center">
-          <v-col cols="5" style="margin: 4%;">
+          <v-col cols="11" style="margin: 4%;">
             <p style="margin-top: 3%; margin-bottom: 5%; text-align: justify;" class="center-vertical">
               Bienvenue sur Hutopy, votre nouvelle frontière de création, de connexion et d'innovation. Au
               cœur de notre mission réside une ambition audacieuse : transformer l'espace numérique en un
@@ -290,18 +291,6 @@
               communauté vibrante qui défie les conventions de l’éducation, encourage l'originalité et célèbre
               la créativité.
             </p>
-          </v-col>
-          <v-col cols="6">
-            <v-img style="border-radius: 30px; margin-right: 25px;"
-              src="../../../images/homepage/microphone.png"></v-img>
-          </v-col>
-        </v-row>
-
-        <v-row align="center">
-          <v-col cols="6">
-            <v-img style="border-radius: 30px; margin-left: 25px " src="../../../images/homepage/grinding.png"></v-img>
-          </v-col>
-          <v-col cols="5" style="margin: 4%;">
             <p style="margin-top: 3%; margin-bottom: 5%; text-align: justify;" class="center-vertical">
               Chez Hutopy, nous croyons en la puissance de la créativité sans limites. Notre environnement est
               conçu pour inspirer, soutenir et propulser chaque membre vers de nouveaux sommets de
@@ -311,12 +300,23 @@
             </p>
           </v-col>
         </v-row>
-        <v-row style="margin-top: 50px;">
-          <v-col> <v-img style="border-radius: 30px; margin-left: 25px;"
-              src="../../../images/homepage/girlarmy.png"></v-img></v-col>
-          <v-col><v-img style="border-radius: 30px; margin-right: 25px"
-              src="../../../images/homepage/girlvr.png"></v-img></v-col>
+        <v-row style="margin-left: 15px; margin-right: 15px;">
+          <v-col cols="6" style="padding-left: 15px; padding-right: 15px;">
+            <v-img style="border-radius: 30px; width: 100%;" src="../../../images/homepage/microphone.png"></v-img>
+          </v-col>
+          <v-col cols="6" style="padding-left: 15px; padding-right: 15px;">
+            <v-img style="border-radius: 30px; width: 100%;" src="../../../images/homepage/grinding.png"></v-img>
+          </v-col>
         </v-row>
+        <v-row style="margin-left: 15px; margin-right: 15px;">
+          <v-col style="padding-left: 15px; padding-right: 15px;">
+            <v-img style="border-radius: 30px; width: 100%;" src="../../../images/homepage/girlarmy.png"></v-img>
+          </v-col>
+          <v-col style="padding-left: 15px; padding-right: 15px;">
+            <v-img style="border-radius: 30px; width: 100%;" src="../../../images/homepage/girlvr.png"></v-img>
+          </v-col>
+        </v-row>
+
 
         <v-container align="center">
           <RouterLink :to="{ name: 'contact' }">