alow animation, ensure images are centered

fleetdm · Mar 12, 2024 · e855832 · e855832
1 parent da8fa07
commit e855832
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/website/assets/styles/pages/homepage.less b/website/assets/styles/pages/homepage.less
@@ -85,9 +85,10 @@
     overflow: hidden;
     div {
       white-space: nowrap;
-      animation: scroll-horizontal 60s linear infinite;
+      animation: scroll-horizontal 240s linear infinite;
     }
     img {
+      vertical-align: middle;
       height: 24px;
       margin-right: 64px;
     }

diff --git a/website/views/pages/homepage.ejs b/website/views/pages/homepage.ejs
@@ -22,7 +22,7 @@
   <div purpose="hero-logos" class="mx-auto d-flex flex-row align-items-center justify-content-center">
 
     <div purpose="logo-carousel">
-      <div purpose="first-carousel" class="d-flex flex-row">
+      <div class="d-flex flex-row align-items-center">
         <img alt="Notion logo" src="/images/[email protected]">
         <img alt="Pinterest logo" src="/images/[email protected]">
         <img alt="Gusto logo" src="/images/[email protected]">
@@ -41,7 +41,7 @@
 
         <img alt="Reddit logo" src="/images/[email protected]">
       </div>
-      <div class="d-flex flex-row">
+      <div class="d-flex flex-row align-items-center">
         <img alt="Notion logo" src="/images/[email protected]">
         <img alt="Pinterest logo" src="/images/[email protected]">
         <img alt="Gusto logo" src="/images/[email protected]">