From f7a9da04bf3d96822fe3f9c1e4bc20576ef1d849 Mon Sep 17 00:00:00 2001
From: khalilcodes <khalilali.j@gmail.com>
Date: Thu, 2 Jun 2022 14:04:18 +0300
Subject: [PATCH] [site/seo]: add image width and height props

---
 site/components/Home/Latest.js | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/site/components/Home/Latest.js b/site/components/Home/Latest.js
index f65cd14..d12c367 100644
--- a/site/components/Home/Latest.js
+++ b/site/components/Home/Latest.js
@@ -14,11 +14,12 @@ export function Latest({ posts }) {
         <div className="mt-12 max-w-lg mx-auto grid gap-5 lg:grid-cols-3 lg:max-w-none">
           {posts && posts.map((post) => (
             <div key={post.title} className="flex flex-col rounded-lg shadow-lg overflow-hidden">
-              <div className="flex-shrink-0">
-                {post.image ? <img className="h-48 w-full object-cover" src={post.image} alt={post.title} />
-                 : <div className="h-20 w-full bg-slate-500" />
-                }
-              </div>
+              {post.image ? 
+                <div className="h-48 flex-shrink-0">
+                  <img className="" width="100%" height="100%" src={post.image} alt={post.title} />
+                </div>
+                : <div className="h-20 w-full bg-slate-500" />
+              }
               <div className="flex-1 bg-slate-800 p-6 flex flex-col justify-between">
                 <div className="flex-1">
                   <p className="text-sm font-medium text-indigo-600 dark:text-yellow-500">