Merge pull request #60 from jaseci-labs/Jayanaka-98-patch-3

Add className to YouTube iframe for styling

Author: Jayanaka-98

byllm/src/pages/Index.tsx

@@ -733,7 +733,7 @@ const Index = () => {
                     <CarouselItem key={idx}>
                       <Card className="card-interactive">
                         <div className="aspect-video overflow-hidden rounded-t-lg">
-                          <iframe src="https://www.youtube.com/embed/dBPYV-hmzow?si=YzflwDIstEnW_W5E" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+                          <iframe src="https://www.youtube.com/embed/dBPYV-hmzow?si=YzflwDIstEnW_W5E" title="YouTube video player" className="w-full h-full" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                         </div>
                         <CardHeader>
                           <div className="flex items-center justify-between">