diff --git a/_pages/tutorial.html b/_pages/tutorial.html
index 0acaaab5..950b7315 100644
--- a/_pages/tutorial.html
+++ b/_pages/tutorial.html
@@ -19,7 +19,7 @@ <h1>Tutorials for<br />All Levels</h1>
   </div>
 </div>
 
-<div class="docs cards common-padding--bottom-small padfix">
+<div class="docs cards">
   <div class="container">
     <h2 class="thin">Beginner</h2>
 
diff --git a/_sass/modules/_cards.scss b/_sass/modules/_cards.scss
index 7f016e56..b696a972 100755
--- a/_sass/modules/_cards.scss
+++ b/_sass/modules/_cards.scss
@@ -44,7 +44,7 @@
       margin: 3px 15px; // Reduce side margins on mobile to prevent overflow
 
       .card {
-        max-height: auto !important;
+        max-height: none !important;
         width: 100%; // Ensure card doesn't exceed container
         box-sizing: border-box; // Include padding in width calculation
 
@@ -325,16 +325,6 @@
     }
   }
 
-  &.padfix {
-    padding-bottom: 80px;
-  }
-
-  @media (min-width: 768px) {
-    &.padfix {
-      padding-bottom: 0;
-    }
-  }
-
   @media (min-width: 768px) {
     &__container {
       grid-template-columns: repeat(2, 1fr);
diff --git a/_sass/modules/_docs.scss b/_sass/modules/_docs.scss
index 15e1e853..172d8382 100644
--- a/_sass/modules/_docs.scss
+++ b/_sass/modules/_docs.scss
@@ -65,7 +65,11 @@
   }
 
   .card__fullwidth .card {
-    max-height: 500px !important;
+    max-height: none !important;
+
+    @media (min-width: 768px) {
+      max-height: 500px !important;
+    }
   }
 
   // UL/LIs here are for cards, no bullets actually used.