fix case studies page on mobile

kubernetes · Jan 30, 2025 · 606d304 · 606d304
1 parent 422b839
commit 606d304
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/assets/scss/case_studies.scss b/assets/scss/case_studies.scss
@@ -1,4 +1,9 @@
 body.cid-casestudies {
+  @media screen and (max-width: 1023px) {
+    #users {
+      padding: 15px;
+    }
+  }
   h2 {
     font-size: 3em;
     font-weight: 300;
@@ -196,6 +201,11 @@ body.td-section.cid-casestudies {
     font-size: 3em;
     margin-top: 2em;
     margin-bottom: 2em;
+    @media screen and (max-width: 767px) {
+      font-size: 2.5em;
+      margin-bottom: 1em;
+      margin-top: 1em;
+    }
   }
 
   #case-studies .case-studies {
@@ -259,7 +269,7 @@ body.td-section.cid-casestudies {
   }
 
   .case-study:nth-child(9), .case-study:nth-child(10) {
-    margin-bottom: 0px;
+    margin-bottom: 0;
   }
 
   .case-study img {