Vertically centered sponsor logos.

Author: vshabanov

templates/footer.html

@@ -1,6 +1,6 @@
 <div class="max-w-screen-xl mx-auto text-center sm:px-12 md:px-12 lg:px-16 mt-32">
   <div class="font-bold">SPONSORS</div>
-  <div class="mt-16 flex flex-wrap justify-center">
+  <div class="mt-16 flex flex-wrap items-center justify-center">
     $for(monads)$
       <a href="$externalUrl$" target="_blank" class="block w-36 m-4"><img alt="$title$" src="$logo$"
         $if(srcset)$
@@ -10,7 +10,7 @@
     $endfor$
   </div>
 
-  <div class="mt-16 flex flex-wrap justify-center">
+  <div class="mt-16 flex flex-wrap items-center justify-center">
     $for(applicatives)$
       <a href="$externalUrl$" target="_blank" class="block w-36 m-4"><img alt="$title$" src="$logo$"
         $if(srcset)$
@@ -20,7 +20,7 @@
     $endfor$
   </div>
 
-  <div class="mt-16 flex flex-wrap justify-center">
+  <div class="mt-16 flex flex-wrap items-center justify-center">
     $for(functors)$
       <a href="$externalUrl$" target="_blank" class="block w-36 m-4"><img alt="$title$" src="$logo$"
         $if(srcset)$
@@ -41,7 +41,7 @@
           <a href="/contact" class="arrow-link light">>> contact us</a>
         </div>
       </div>
- 
+
       <div class="flex space-x-4 w-44">
         <a href="https://twitter.com/haskellfound" target="_blank" class="text-4xl block"><span class="fab fa-twitter"></span></a>
         <a href="https://www.linkedin.com/company/haskell-foundation-inc" target="_blank" class="text-4xl block"><span class="fab fa-linkedin-in"></span></a>