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

src/layouts/SimpleVideoCard.vue

@@ -0,0 +1,36 @@
+<template>
+    <v-card class="vcard-descriptions-mobile" style="margin-top: 30px;">
+
+        <h1 class="h1profilemobile">Podcast #01</h1>
+
+
+        <h2 clase="card-date" style="margin-bottom: 4%; text-align: right; margin-right: 5%;">10-03-2024 </h2>
+        <iframe width="420" height="315" src="https://www.youtube.com/embed/CDlj1IUhBqg?si=ot1YPBMKbmviOXvD">
+        </iframe>
+
+        <p class="text-justify pa-4" style="font-size: 1.2em">
+            Voici mon nouveau podcast!
+
+        </p>
+    </v-card>
+</template>
+
+<style>
+.vcard-descriptions-mobile {
+    box-shadow: 0 6px 9px rgba(0, 0, 0, 0.6);
+
+}
+
+.h1profilemobile {
+    font-size: 2rem;
+    text-align: center;
+
+    color: rgba(163, 14, 121, 0.85);
+
+
+}
+
+.card-date {
+    text-align: right;
+}
+</style>