From 2140a8a6ca373785b26b6a86bc487a2c7f8c14a5 Mon Sep 17 00:00:00 2001
From: Hossein Mehrabi <ohyeaross@gmail.com>
Date: Tue, 5 Sep 2023 19:51:35 +0330
Subject: [PATCH] fix: fix the podcasts page's episodes layout on tablet

---
 src/components/PostCard/PostCard.tsx | 6 ++++++
 src/containers/PodcastsContainer.tsx | 4 ++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/PostCard/PostCard.tsx b/src/components/PostCard/PostCard.tsx
index e75fd2f..5f72004 100644
--- a/src/components/PostCard/PostCard.tsx
+++ b/src/components/PostCard/PostCard.tsx
@@ -236,6 +236,12 @@ PostCard.styles = {
     .post-card__title-text {
       ${lsdUtils.typography('h6')}
     }
+
+    ${lsdUtils.breakpoint(theme, 'md', 'down')} {
+      .post-card__title-text {
+        ${lsdUtils.typography('h5')}
+      }
+    }
   `,
   small: (theme: Theme) => css`
     .post-card__title-text {
diff --git a/src/containers/PodcastsContainer.tsx b/src/containers/PodcastsContainer.tsx
index 350ccd9..169cf3c 100644
--- a/src/containers/PodcastsContainer.tsx
+++ b/src/containers/PodcastsContainer.tsx
@@ -67,11 +67,11 @@ const PodcastsContainer = (props: Props) => {
                 },
                 {
                   breakpoint: 'sm',
-                  pattern: [{ cols: 2, size: 'small' }],
+                  pattern: [{ cols: 4, size: 'xsmall' }],
                 },
                 {
                   breakpoint: 'md',
-                  pattern: [{ cols: 2, size: 'small' }],
+                  pattern: [{ cols: 4, size: 'xsmall' }],
                 },
               ]}
             />