From ff012125bc34642cbec8cb42d07c30d4877e630a Mon Sep 17 00:00:00 2001
From: im-parsa <parsa.firoozi55@gmail.com>
Date: Wed, 19 Jul 2023 23:29:18 +0330
Subject: [PATCH] feat(Core/Client): Blogs Page Responsive

---
 apps/client/src/styles/pages/blog.module.scss | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/apps/client/src/styles/pages/blog.module.scss b/apps/client/src/styles/pages/blog.module.scss
index 93f9450..02d2eb0 100644
--- a/apps/client/src/styles/pages/blog.module.scss
+++ b/apps/client/src/styles/pages/blog.module.scss
@@ -760,7 +760,7 @@
 
                 @media only screen and (width <= 1500px)
                 {
-                    height: 80vh;
+                    height: fit-content;
                 }
 
                 & > nav
@@ -1684,7 +1684,7 @@
                 max-width: 90rem;
                 margin: 2rem auto;
                 transition: all .5s;
-                padding: 0;
+                padding: 0 1rem;
 
                 & > label
                 {
@@ -1693,7 +1693,7 @@
 
                 &Active
                 {
-                    padding: 1rem 0;
+                    padding: 1rem;
                     opacity: 1;
                     height: auto;
                 }
@@ -1711,9 +1711,9 @@
                 margin: 10rem auto 2rem;
                 padding: 0 1rem;
 
-                @media only screen and (max-width: 950px)
+                @media only screen and (max-width: 650px)
                 {
-                    padding: 0 1rem;
+                    flex-direction: column;
                 }
 
                 &Filter
@@ -2043,6 +2043,12 @@
                 min-width: 25rem;
                 height: 18rem;
                 max-height: 18rem;
+
+                @media only screen and (max-width: 750px)
+                {
+                    max-width: 100%;
+                    min-width: 100%;
+                }
             }
 
             &Content