Branch Fixe - CreatorFolio

src/views/main/CreatorFolio.vue

@@ -232,11 +232,11 @@
 
               <v-row>
                 <v-spacer></v-spacer>
-                <v-col cols="7" style="margin-top: 1%; margin-bottom: -2%;">
-                  <v-row>
+                <v-col cols="10" style="margin-top: 1%; margin-bottom: -2%;">
+                  <v-col cols="11" style="margin-top: 1%; margin-bottom: -2%;">
+    <v-row justify-center align="center">
         <a href="https://www.facebook.com/profile.php?id=61556819217561">
-                      <img class="socialicons invert-color" src="../../../images/facebookicon.png"
-                        alt="Description image 2">
+            <img class="socialicons invert-color" src="../../../images/facebookicon.png" alt="Description image 2">
         </a>
         <a href="https://www.facebook.com/profile.php?id=61556819217561">
             <img class="socialicons" src="../../../images/instaicon.png" alt="Description image 2">
@@ -248,6 +248,8 @@
             <img class="socialicons invert-color" src="../../../images/tiktok.png" alt="Description image 2">
         </a>
     </v-row>
+</v-col>
+
                 </v-col>
                 <v-col background-color="primary"></v-col>
               </v-row>
@@ -703,9 +705,11 @@ export default {
 .social-container2 {
   background-color: #0baab2;
   border-bottom-right-radius: 30px;
+  border-bottom-left-radius:30px;
   font-size: 1.4rem;
   font-weight: 500;
   color: white;
+
 }
 
 .social-container-mobile {
@@ -924,8 +928,8 @@ export default {
   }
 
   .Je-soutien-container {
-    min-width: 325px;
-    margin-left: -45px;
+    min-width: 300px;
+    margin-left: -40px;
   }
 
 
@@ -933,7 +937,16 @@ export default {
     transform: scale(.9) translateY(63px) translateX(-40px);
   }
 
+  .name-info {
+    font-size: 1.3rem;
+    margin-left: 40px;
+    margin-top: -4px;
+  }
 
+  .social-container {
+    min-width: 300px;
+
+  }
 }
 
 
@@ -964,6 +977,17 @@ export default {
     min-width: 350px;
   }
 
+  .name-info {
+    font-size: 1.3rem;
+    margin-left: 50px;
+    margin-top: -4px;
+  }
+
+  .social-container {
+    min-width: 300px;
+
+  }
+
 }
 
 
@@ -993,6 +1017,14 @@ export default {
   .Je-soutien-container {
     min-width: 400px;
   }
+
+  .name-info {
+    font-size: 1.4rem;
+    margin-left: 40px;
+    margin-top: -4px;
+  }
+
+
 }
 
 @media (min-width: 1920px) and (max-width: 2559px) {