Structure de base en place - Ce soir et vendredi soir, je vais nettoyer mes css.

src/layouts/CardDonate.vue

@@ -0,0 +1,41 @@
+<template>
+
+
+    <div class="md:flex hidden items-center justify-between flex-col">
+
+    </div>
+
+
+
+
+
+    <div class="md:hidden flex flex-col items-center justify-center">
+        <v-container class=" footer-donate-container">
+
+            <h1 style="text-align: center; color: rgb(107, 0, 101); margin-bottom: 4%;"> ENCOURAGEZ-MOI </h1>
+
+
+            <v-text-field label="Montant"
+                style="color: rgb(107, 0, 101); background-color: rgb(255, 255, 255);"></v-text-field>
+
+            <v-text-field label="Message"
+                style="color: rgb(107, 0, 101); background-color: rgb(255, 255, 255);"></v-text-field>
+
+            <v-btn style="margin-bottom: 3px; background-color: rgb(163, 14, 121); color: white;" rounded="xl"
+                size="x-large" block>Faire un don</v-btn>
+
+        </v-container>
+    </div>
+</template>
+
+
+
+
+
+<style>
+.footer-donate-container {
+
+    background-color: rgb(255, 255, 255);
+
+}
+</style>