some logo sizing and alignment improvements

devict · Oct 14, 2023 · 5098eb1 · 5098eb1
1 parent adae4d5
commit 5098eb1
Showing 1 changed file with 10 additions and 8 deletions.
diff --git a/templates/home.tmpl b/templates/home.tmpl
@@ -81,21 +81,23 @@
       <h2 class="text-2xl font-extrabold tracking-tight text-teal-600 py-4">
         Thanks to our sponsors!
       </h2>
-      <ul class="w-1/2 flex">
+      <div
+        class="w-1/2 flex flex-wrap flex-row content-center items-center space-x-4"
+      >
         {{ range $sponsor := .Sponsors }}
-        <li class="list-none py-4 h-16">
+        <span class="py-4 min-h-16 inline-block flex-1 brightness-50">
           <a href="{{ $sponsor.URL }}" title="{{ $sponsor.Name }}">
             <img
               src="{{ $sponsor.ImagePath }}"
               alt="{{ $sponsor.Name }}"
-              class="h-8 pr-4 brightness-50 {{ $sponsor.ImageClasses }}"
+              class="max-h-8 min-h-full my-auto inline-block {{
+                $sponsor.ImageClasses
+              }}"
             />
           </a>
-        </li>
-        {{
-          end
-        }}
-      </ul>
+        </span>
+        {{ end }}
+      </div>
     </div>
   </div>
   <div class="relative mt-1">