fix: md breakepoint card issue

Author: Max-Mogilski

src/components/CategoryArticles/CategoryArticlesInfinite.tsx

@@ -45,7 +45,12 @@ export function RecentArticlesInfinite({ initialArticles, category }: CategoryAr
 
   return (
     <>
-      <ArticlesGrid cardsOrientation="horizontal" className="md:grid-cols-2" locale={locale} articles={articles} />
+      <ArticlesGrid
+        cardsOrientation="horizontal"
+        className="md:grid-cols-1 lg:grid-cols-2"
+        locale={locale}
+        articles={articles}
+      />
       {hasNextPage && (
         <Button className="mt-16 w-full p-4" disabled={isFetchingNextPage} onClick={() => fetchNextPage()}>
           {buttonText}

src/components/HighlightedCategoryArticles/HighlightedCategoryArticles.tsx

@@ -16,7 +16,7 @@ export async function HighlightedCategoryArticles({ locale, title, categoryId }:
   return (
     <section className="w-full">
       <h2 className="py-12 pb-8 text-3xl font-bold">{title}</h2>
-      <div className="grid gap-5 md:grid-cols-2">
+      <div className="grid gap-5 lg:grid-cols-2">
         {articles.map((article) => {
           return (
             <ArticleCard