Equalize heights of tiles on front page

This prevents a big white gap under the gray part of a tile.

Author: david-christiansen

templates/careers/tile.html

@@ -1,5 +1,5 @@
 <div class="bg-white border border-gray-300 rounded py-8 px-6 sm:px-12 text-center">
-  <div class="bg-gray-100 px-6 sm:px-12 lg:px-16 py-6 lg:py-24">
+  <div class="bg-gray-100 px-6 sm:px-12 lg:px-16 py-6 lg:py-24 h-full">
     <div class="space-y-4">
       <h2 class="font-normal text-xl"><a class="arrow-link" href="$url$">$title$</a></h2>
       <p>$summary$</p>

templates/events/tile.html

@@ -1,5 +1,5 @@
 <div class="bg-white border border-gray-300 rounded py-8 px-6 sm:px-12 text-center">
-  <div class="bg-gray-100 px-6 sm:px-12 lg:px-16 py-6 lg:py-24">
+  <div class="bg-gray-100 px-6 sm:px-12 lg:px-16 py-6 lg:py-24 h-full">
     <div class="space-y-4">
       <h2 class="text-center text-2xl-4xl font-normal">$title$</h2>
       <p>$summary$</p>

templates/homepage.html

@@ -31,7 +31,7 @@ <h3 class="mb-4 text-xl text-gray-500">Amplify Haskell’s impact on humanity.</
 
         $for(episodes)$
         <div class="bg-white border border-gray-300 rounded py-8 px-6 sm:px-12 text-center">
-            <div class="bg-gray-100 px-6 sm:px-12 lg:px-16 py-6 lg:py-24">
+            <div class="bg-gray-100 px-6 sm:px-12 lg:px-16 py-6 lg:py-24 h-full">
                 <h2 class="text-center text-2xl-4xl font-normal">
                     <b>$episode$</b> – $title$
                 </h2>

templates/news/frontpage.html

@@ -1,5 +1,5 @@
 <div class="bg-white border border-gray-300 rounded py-8 px-6 sm:px-12 text-center">
-  <div class="bg-gray-100 px-6 sm:px-12 lg:px-16 py-6 lg:py-24">
+  <div class="bg-gray-100 px-6 sm:px-12 lg:px-16 py-6 lg:py-24 h-full">
     <div class="space-y-4">
       <h2 class="text-center text-2xl-4xl font-normal">$title$</h2>
       <p>$body$</p>