added prettification to the carousel

nipunbatra · nipunbatra · commit d1e14a2f4bb6 · 2023-05-03T10:16:59.000+05:30
diff --git a/group.qmd b/group.qmd
@@ -16,6 +16,15 @@ output:
     min-height: 280px;
     max-height: 350px;
 }
+.carousel-caption {
+    background-color: rgba(0, 0, 0, 0.6); /* Transparent black background */
+    padding: 10px; /* Add padding for better visibility */
+    color: white; /* Text color */
+}
+
+.carousel-caption h5 {
+    margin-bottom: 5px; /* Adjust spacing between heading and paragraph */
+}
 </style>
 </head>
 <body>
@@ -40,7 +49,7 @@ output:
             <div class="carousel-item">
                 <img src="images/group/2023-cake.jpg" class="d-block w-100" alt="Slide 2">
                 <div class="carousel-caption d-none d-md-block">
-                    <h5>2 May 2023/h5>
+                    <h5>2 May 2023</h5>
                     <p>Cake by batch of 2023</p>
                 </div>
             </div>
