Footer text style fix (#20976)

Footer text style fix
fleetdm · Aug 1, 2024 · 0a5ab1e · 0a5ab1e
1 parent 73c7aa0
commit 0a5ab1e
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 6 deletions.
diff --git a/website/assets/styles/pages/homepage.less b/website/assets/styles/pages/homepage.less
@@ -643,6 +643,16 @@
  }
  }
 
+ [purpose='bottom-cta'] {
+ h1 {
+ font-size: 48px;
+ max-width: 640px;
+ &.vm {
+ max-width: unset;
+ }
+ }
+ }
+
  [purpose='video-modal'] {
  [purpose='modal-dialog'] {
  width: 100%;
@@ -711,11 +721,6 @@
  [purpose='integrations-section'] {
  margin-top: 160px;
  }
- [purpose='bottom-cta'] {
- h1 {
- font-size: 48px;
- }
- }
  [purpose='video-modal'] {
  [purpose='modal-dialog'] {
  width: 100%;

diff --git a/website/views/pages/homepage.ejs b/website/views/pages/homepage.ejs
@@ -373,7 +373,7 @@
  <div purpose="homepage-content" class="container">
  <div class="text-center" purpose="bottom-cta">
  <h4>For teams with lots of computing devices</h4>
- <h1><%- partial('../partials/primary-tagline.partial.ejs') %></h1>
+ <h1 class="mx-auto <%= primaryBuyingSituation%>"><%- partial('../partials/primary-tagline.partial.ejs') %></h1>
  <div purpose="button-row" style="margin-top: 40px;" class="d-flex flex-sm-row flex-column justify-content-center align-items-center mx-auto">
  <a purpose="cta-button" href="/register">Start now</a>
  <animated-arrow-button href="/contact">Talk to us</animated-arrow-button>