diff --git a/app/assets/stylesheets/materialize-overrides.scss b/app/assets/stylesheets/materialize-overrides.scss
index b933aa22..51e74700 100644
--- a/app/assets/stylesheets/materialize-overrides.scss
+++ b/app/assets/stylesheets/materialize-overrides.scss
@@ -2,3 +2,17 @@
 .row .col {
   padding: 0 0.25rem !important;
 }
+
+@media only screen and (min-width: 1024px) {
+  .fixed-card-content
+  {
+    height: 8em; 
+  }
+}
+
+@media only screen and (max-width: 1024px) {
+  .fixed-card-content
+  {
+    height: 10em; 
+  }
+}
\ No newline at end of file
diff --git a/app/views/cards/intros/_content_type_intro.html.erb b/app/views/cards/intros/_content_type_intro.html.erb
index 2fb004d2..1ff8d87c 100644
--- a/app/views/cards/intros/_content_type_intro.html.erb
+++ b/app/views/cards/intros/_content_type_intro.html.erb
@@ -8,7 +8,7 @@
     <%= image_tag "card-headers/#{content_name.pluralize}.jpg", height: 300, width: 300 %>
     <span class="card-title">Create <%= content_name == "magic" ? 'magic' : content_name.pluralize %></span>
   </div>
-  <div class="card-content">
+  <div class="card-content fixed-card-content">
     <p>
       <%= t("content_descriptions.#{content_name}") %>
     </p>