match try headings to base cards

moves centering of text to try-card body

Author: minrk

_layouts/try.html

@@ -27,11 +27,11 @@ <h2>Try Jupyter</h2>
         {%- for item in site.data.try -%}
         <a href="{{ item['url'] }}" class="try-link">
           <div class="col-lg-4 col-md-6 col-sm-6 cardlist-col">
-            <div class="cardlist-card try-card text-center">
+            <div class="cardlist-card try-card">
               <div class="card-heading">
-                <h3>{{ item['title'] }}</h3>
+                <h4>{{ item['title'] }}</h4>
               </div>
-              <div class="card-body">
+              <div class="card-body text-center">
                 <img class="try-logo" src="{{ site.baseurl }}/assets/try/{{ item['logo'] }}"/>
                 <p>{{ item['description'] }}</p>
               </div>

css/cardlist.css

@@ -66,7 +66,7 @@ a.try-link:visited {
 
 /* try cards need to be a little taller */
 .cardlist-card.try-card {
-  height: 300px;
+  height: 280px;
 }
 
 /* shrink-to-fit logos */