From ec3227c8380596c4fc28c657e2b2e9b2c0ec9800 Mon Sep 17 00:00:00 2001
From: Sevichecc <91365763+Sevichecc@users.noreply.github.com>
Date: Tue, 2 Aug 2022 15:50:08 +0800
Subject: [PATCH] fix:Avoiding <img> layout shifts

---
 src/lib/components/extra/projects.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/extra/projects.svelte b/src/lib/components/extra/projects.svelte
index f0287e0f..75b1ba96 100644
--- a/src/lib/components/extra/projects.svelte
+++ b/src/lib/components/extra/projects.svelte
@@ -18,8 +18,8 @@
     </div>
     <div class="card-body p-4">
       <div class="flex flex-col md:flex-row items-start gap-4">
-        <div class="mb-auto  max-w-full shrink-0 md:max-w-xs">
-          <img class="rounded-md" src={project.img} alt={project.description} />
+        <div class="mb-auto aspect-video w-full max-w-full shrink-0 md:max-w-xs">
+          <img class="rounded-md  " src={project.img} alt={project.description} />
         </div>
         <div class="card-title flex-1 flex-col items-start gap-4">
           <div>