fix layout

src/components/blog/BlogCategoryCard.astro

@@ -5,21 +5,9 @@ interface Props {
   description: string;
   count: number;
   publishDate: string;
-  layoutPattern?: {
-    smCol: number;
-    mdCol: number;
-    row: number;
-    index: number;
-  };
 }
 
-const { slug, layoutPattern, title, description, count, publishDate } = Astro.props;
-const isSingleItem =
-  layoutPattern &&
-  layoutPattern.row === 1 &&
-  (layoutPattern.smCol === 1 || layoutPattern.mdCol === 1);
-
-const formatedDescription = isSingleItem ? `No description available` : description;
+const { slug, title, description, count, publishDate } = Astro.props;
 
 const baseClasses =
   'group group-hover rounded-xl flex h-full min-h-[220px] cursor-pointer flex-col overflow-hidden';
@@ -32,17 +20,17 @@ const bgColorClasses =
     <div
       class={`relative min-h-0 flex-grow overflow-hidden transition-all duration-300 ${bgColorClasses}`}
     >
-      <div class="absolute inset-1 flex flex-col justify-end p-3 md:p-4 lg:p-5">
-        <h2
-          class="group-hover:text-steel dark:group-hover:text-bermuda transition-text mb-4 text-4xl font-extrabold tracking-tight text-balance text-neutral-800 duration-300 dark:text-neutral-200"
-        >
-          {title}
-        </h2>
-        <p
-          class=`mb-4 ${isSingleItem ? 'hidden lg:block' : ''} max-w-prose text-pretty font-light text-neutral-600 dark:text-neutral-400 sm:text-lg`
-        >
-          {formatedDescription}
-        </p>
+      <div class="absolute inset-1 flex flex-col p-3 md:p-4 lg:p-5">
+        <div class="overflow-hidden">
+          <h2
+            class="group-hover:text-steel dark:group-hover:text-bermuda transition-text mb-4 text-4xl font-extrabold tracking-tight text-balance whitespace-nowrap text-neutral-800 duration-300 dark:text-neutral-200"
+          >
+            {title}
+          </h2>
+          <p class="mb-4 font-light text-neutral-600 sm:text-lg dark:text-neutral-400">
+            {description}
+          </p>
+        </div>
         <div
           class="mt-auto flex items-center justify-between pt-1 text-xs text-neutral-600 md:pt-2 dark:text-neutral-300"
         >