fix promotion vue

components/Home/Promotion.vue

@@ -37,13 +37,13 @@
 
       <v-row>
         <v-col cols="6">
-          <v-row>
-            <p class="text-outil-details">Logiciel de Gestion et 
communication en ligne</p>
+          <v-row class="row-outil">
+            <p class="text-outil-details with-border">Logiciel de Gestion et 
communication en ligne</p>
 
           </v-row>
 
           <v-row>
-            <p class="text-outil-details">Site Web intégré et simple d’usage</p>
+            <p class="text-outil-details with-border">Site Web intégré et simple d’usage</p>
 
           </v-row>
 
@@ -52,13 +52,13 @@
 
 
         <v-col cols="6" >
-          <v-row >
-            <p class="text-outil-details" >Boostez votre visibilité et
votre communication avec l’agenda culturel</p>
+          <v-row class="row-outil">
+            <p class="text-outil-details with-border" >Boostez votre visibilité et
votre communication avec l’agenda culturel</p>
 
           </v-row>
 
           <v-row>
-            <p class="text-outil-details">Communiquez en réseau</p>
+            <p class="text-outil-details with-border">Communiquez en réseau</p>
 
           </v-row>
 
@@ -74,6 +74,16 @@
 <script></script>
 
 <style scoped>
+.with-border {
+  border-bottom: 1px solid #D1CDC7;
+  border-top: 1px solid #D1CDC7;
+  padding-top: 1rem;
+  padding-bottom: 1rem; /* add some padding to create some spacing */
+}
+
+.row-outil{
+  margin-top: 3rem;
+}
 
 .text-outil-details{
 font-family: 'Barlow';
@@ -83,11 +93,11 @@ font-size: 2rem;
 font-weight: 300;
 font-size: 22px;
 line-height: 26px;
-width: 15rem;
+width: 19rem;
 color: #0E2D32;
 margin-left: 3rem;
 margin-bottom: 3rem;
-margin-top: 1rem;
+margin-left: 10rem;
 
 }
 

components/Layout/Container.vue

@@ -10,7 +10,7 @@
 
 <style scoped>
 .container{
-  max-width: 1400px;
+  max-width: 1800px;
 }
 
 </style>