chore(SLB-455): try aspect-ratio 16 by 9 for images on cards

AmazeeLabs · Oct 24, 2024 · f70c966 · f70c966
1 parent cf07be3
commit f70c966
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/ui/src/components/Organisms/Card.tsx b/packages/ui/src/components/Organisms/Card.tsx
@@ -55,9 +55,9 @@ export const CardItem = ({
       </div>
       <div className="row-start-1">
         {teaserImage ? (
-          <Image {...teaserImage} className="w-full rounded-t-lg" />
+          <Image {...teaserImage} className="w-full aspect-[16/9] rounded-t-lg" />
         ) : (
-          <div className="aspect-[4/3] bg-indigo-200" />
+          <div className="aspect-[16/9] rounded-t-lg bg-indigo-200" />
         )}
       </div>
     </article>