Center align client logos on homepage grid

spatie · Nov 6, 2023 · f17c6bc · f17c6bc
1 parent 23d288b
commit f17c6bc
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/resources/views/front/pages/home/partials/clients.blade.php b/resources/views/front/pages/home/partials/clients.blade.php
@@ -5,13 +5,13 @@
         </h2>
     </div>
     <div class="wrap grid grid-cols-2 mt-8 col-gap-8 row-gap-2 | md:grid-cols-4 md:col-gap-16">
-        <div class="text-center"><a class="w-full max-w-logoclient inline-block" href="https://krauthammer.com" target="_blank" rel="noreferrer noopener">{{ svg('clients/krauthammer') }}</a></div>
-        <div class="text-center"><a class="w-full max-w-logoclient inline-block" href="https://vlaanderen.be" target="_blank" rel="noreferrer noopener">{{ svg('clients/vlaanderen') }}</a></div>
-        <div class="text-center"><a class="w-full max-w-logoclient inline-block" href="https://flux50.com" target="_blank" rel="noreferrer noopener">{{ svg('clients/flux50') }}</a></div>
-        <div class="text-center"><a class="w-full max-w-logoclient inline-block" href="https://skylineeurope.be" target="_blank" rel="noreferrer noopener">{{ svg('clients/skyline') }}</a></div>
-        <div class="text-center"><a class="w-full max-w-logoclient inline-block" href="https://bodartservicehouse.be" target="_blank" rel="noreferrer noopener">{{ svg('clients/bodart') }}</a></div>
-        <div class="text-center"><a class="w-full max-w-logoclient inline-block" href="https://vluchtelingenwerk.be" target="_blank" rel="noreferrer noopener">{{ svg('clients/vluchtelingenwerk') }}</a></div>
-        <div class="text-center"><a class="w-full max-w-logoclient inline-block" href="https://vrijwilligerswerk.be" target="_blank" rel="noreferrer noopener">{{ svg('clients/vrijwilligerswerk') }}</a></div>
-        <div class="text-center"><a class="w-full max-w-logoclient inline-block" href="https://stmpdrcrds.com/images" target="_blank" rel="noreferrer noopener">{{ svg('clients/stmpd') }}</a></div>
+        <div class="flex items-center justify-center"><a class="w-full max-w-logoclient inline-block" href="https://krauthammer.com" target="_blank" rel="noreferrer noopener">{{ svg('clients/krauthammer') }}</a></div>
+        <div class="flex items-center justify-center"><a class="w-full max-w-logoclient inline-block" href="https://vlaanderen.be" target="_blank" rel="noreferrer noopener">{{ svg('clients/vlaanderen') }}</a></div>
+        <div class="flex items-center justify-center"><a class="w-full max-w-logoclient inline-block" href="https://flux50.com" target="_blank" rel="noreferrer noopener">{{ svg('clients/flux50') }}</a></div>
+        <div class="flex items-center justify-center"><a class="w-full max-w-logoclient inline-block" href="https://skylineeurope.be" target="_blank" rel="noreferrer noopener">{{ svg('clients/skyline') }}</a></div>
+        <div class="flex items-center justify-center"><a class="w-full max-w-logoclient inline-block" href="https://bodartservicehouse.be" target="_blank" rel="noreferrer noopener">{{ svg('clients/bodart') }}</a></div>
+        <div class="flex items-center justify-center"><a class="w-full max-w-logoclient inline-block" href="https://vluchtelingenwerk.be" target="_blank" rel="noreferrer noopener">{{ svg('clients/vluchtelingenwerk') }}</a></div>
+        <div class="flex items-center justify-center"><a class="w-full max-w-logoclient inline-block" href="https://vrijwilligerswerk.be" target="_blank" rel="noreferrer noopener">{{ svg('clients/vrijwilligerswerk') }}</a></div>
+        <div class="flex items-center justify-center"><a class="w-full max-w-logoclient inline-block" href="https://stmpdrcrds.com/images" target="_blank" rel="noreferrer noopener">{{ svg('clients/stmpd') }}</a></div>
     </div>
 </section>