hmc_site_source/layouts/partials/components/improved-img-grid.html

13 lines
478 B
HTML

<div class="company-grid grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-8 my-6">
{{ range .imgs }}
<a href="{{ .link }}" target="_blank" rel="noopener noreferrer" class="company-item flex items-center justify-center p-4 bg-white dark:bg-gray-800 rounded-lg transition-transform hover:scale-105">
<img
src="{{ .img }}"
alt="{{ .name }}"
class="max-h-16 w-auto object-contain"
loading="lazy"
/>
</a>
{{ end }}
</div>