Commit c862775

@@ -51,7 +51,7 @@ const metas: ({ icon: string; text: string; link?: string; time?: Date } | undef
 
 <div
   class:list={[
-    'card border-base-300 md:card-side flex w-full border-2 max-md:flex-col-reverse',
+    'card border-base-300 flex w-full flex-col-reverse overflow-hidden border-2 md:flex-row md:justify-between',
     className,
   ]}
 >
@@ -87,13 +87,11 @@ const metas: ({ icon: string; text: string; link?: string; time?: Date } | undef
   </div>
   {
     hasCover ? (
-      <figure class="md:w-3/4 md:max-w-96">
+      <div class="flex items-center justify-center md:h-48 md:w-3/4 md:max-w-96">
         <PostCardCover url={url} title={title} cover={cover} />
-      </figure>
+      </div>
     ) : (
-      <figure>
-        <ReadMoreButton href={url} title={title} />
-      </figure>
+      <ReadMoreButton href={url} title={title} />
     )
   }
 </div>

@@ -21,5 +21,5 @@ const { url, title, cover } = Astro.props;
   >
     <Icon name="material-symbols:chevron-right-rounded" class="h-24 w-24 text-white" />
   </div>
-  <ImageWrapper src={cover} alt={title} />
+  <ImageWrapper src={cover} alt={title} class="w-full duration-1000 group-hover:scale-105" />
 </a>