feat(Core/Client): Blogs Page Responsive

NeuronCore · Jul 19, 2023 · ff01212 · ff01212
1 parent fc67292
commit ff01212
Showing 1 changed file with 11 additions and 5 deletions.
diff --git 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