From 8c4e6495c085cd8da1217c1182516063a801e8a3 Mon Sep 17 00:00:00 2001
From: Surjith S M <surjithctly@gmail.com>
Date: Sat, 12 Nov 2022 19:27:00 +0530
Subject: [PATCH] fix picture

---
 src/pages/blog.astro | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/blog.astro b/src/pages/blog.astro
index 1c28e49..7d8fd84 100644
--- a/src/pages/blog.astro
+++ b/src/pages/blog.astro
@@ -32,11 +32,11 @@ console.log(posts[0].frontmatter.image);
                 <div class="grid md:grid-cols-2 gap-5 md:gap-10 items-center">
                   <Picture
                     src={post.frontmatter.image}
-                    widths={[400, 800]}
-                    aspectRatio="16:9"
+                    widths={[200, 400, 800]}
                     sizes="(max-width: 800px) 100vw, 800px"
-                    alt="descriptive text"
-                    class="w-full rounded-md"
+                    aspectRatio="16:9"
+                    alt="Thumbnail"
+                    class="w-full rounded-md aspect-video"
                   />
                   <div>
                     <span class="text-blue-400 uppercase tracking-wider text-sm font-medium">