correction review home

components/Home/EventAgenda.vue

@@ -10,11 +10,17 @@
     <v-row>
       <v-col cols="12" class="btn-container">
         <v-col col="6">
-          <v-btn class="btn-event">Découvrir les évènements <v-icon class="fa-solid fa-arrow-right icon-arrow"></v-icon> </v-btn>
+          <v-btn class="btn-event"
+            >Découvrir les évènements
+            <v-icon class="fa-solid fa-arrow-right icon-arrow"></v-icon>
+          </v-btn>
         </v-col>
 
         <v-col col="6">
-          <v-btn class="btn-event">Découvrir l’ANNUAIRE <v-icon class="fa-solid fa-arrow-right icon-arrow"></v-icon> </v-btn>
+          <v-btn class="btn-event"
+            >Découvrir l’ANNUAIRE
+            <v-icon class="fa-solid fa-arrow-right icon-arrow"></v-icon>
+          </v-btn>
         </v-col>
       </v-col>
     </v-row>
@@ -48,7 +54,6 @@
 </template>
 
 <style scoped>
-
 .icon-arrow {
   font-size: 1rem;
   margin-left: 1rem;
@@ -58,7 +63,6 @@
   align-items: center;
   justify-content: center;
   padding: 0 20rem;
-  
 }
 .btn-event {
   font-family: "Barlow";
@@ -67,7 +71,7 @@
   margin-left: 7vw;
   gap: 9px;
   font-weight: 700;
-  font-size: .9rem;
+  font-size: 0.9rem;
   line-height: 15px;
   width: 18rem;
   height: 3rem;
@@ -99,7 +103,7 @@
 .circle {
   position: absolute;
   left: 35%;
-  margin-top: 2rem;
+  margin-top: 0.5rem;
   width: 300px;
   height: 300px;
   background: #eff9fb;
@@ -150,7 +154,6 @@
   margin-left: 10rem;
 }
 
-
 .container {
   height: 30rem;
   margin-bottom: 30rem;
@@ -161,19 +164,18 @@
       rgba(14, 45, 50, 0.2) 100%
     ),
     linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
-    url("/images/eventAgenda/eventAgenda.jpg") no-repeat center 60%; 
+    url("/images/eventAgenda/eventAgenda.jpg") no-repeat center 60%;
   background-size: cover;
 }
 
 .white-container {
-  margin-top: 15rem;
+  margin-top: 9rem;
   background-color: #ffffff;
 }
 
 .screen-img {
   margin-left: 8rem;
-  width: 70%;
-  height: 90%;
+  width: 60%;
   border-radius: 20%;
 }
 </style>

components/Home/Reviews.vue

@@ -218,7 +218,7 @@ const goNext = () => carousel.next();
   font-family: "Barlow";
   font-style: normal;
   font-weight: 600;
-  font-size: 10px;
+  font-size: .7rem;
   line-height: 15px;
   margin-left: 2rem;
   display: flex;
@@ -233,7 +233,7 @@ const goNext = () => carousel.next();
   font-family: "Barlow";
   font-style: normal;
   font-weight: 600;
-  font-size: 10px;
+  font-size: .8rem;
   margin-left: 2rem;
   display: flex;
   align-items: center;
@@ -243,6 +243,7 @@ const goNext = () => carousel.next();
 }
 .description-review {
   font-family: "Barlow";
+  font-size: 1rem;
   line-height: 1.5rem;
   color: #071b1f;
   margin-left: 1rem;
@@ -262,7 +263,7 @@ const goNext = () => carousel.next();
   height: 25rem;
 }
 .review-card {
-  width: 18rem;
+  width: 21rem;
   height: 25rem;
 }
 
@@ -271,7 +272,7 @@ const goNext = () => carousel.next();
   font-weight: 500;
   font-family: "Barlow";
   font-style: normal;
-  font-size: 1rem;
+  font-size: 1.5rem;
   color: #e34461;
 }