fix: make client logos roll out from section edge instead of screen edge

This commit is contained in:
Chaoming Li 2024-11-18 15:44:22 +11:00
parent 0343631673
commit 075c62a3c5

View file

@ -1,4 +1,5 @@
<section class="border-y border-gray-100 overflow-hidden">
<div class="container mx-auto">
<div class="py-12">
<p class="text-center text-sm font-medium text-gray-600 mb-8">{{ .Get "title" | default "Trusted by leading companies worldwide" }}</p>
<div class="logo-scroll">
@ -14,6 +15,7 @@
</div>
</div>
</div>
</div>
</section>
<style>
@ -61,7 +63,7 @@
transform: translateX(0);
}
to {
transform: translateX(-50%);
transform: translateX(calc(-100% / 2));
}
}