Fix: Contact area spacing (#387)

cal-itp · Jul 31, 2024 · 730337a · 730337a
2 parents b358e84 + df17157
commit 730337a
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/_includes/contact.html b/src/_includes/contact.html
@@ -20,7 +20,7 @@ <h2 class="h1-md text-center text-md-start d-block mb-3">The time is now—reach
   </clipPath>
 </svg>
 
-<section class="row justify-content-md-center mt-5 mb-5 pb-5 align-content-stretch">
+<section class="row justify-content-md-center mt-lg-5 mb-5 pb-5 align-content-stretch">
   <div class="col-12 col-md-4">
     <div class="background-calitp-blue pt-3 pt-md-5 px-3 text-center clipped-contact-start">
       <picture
@@ -44,15 +44,15 @@ <h3 class="text-white d-block my-4">Connect with Cal-ITP</h3>
   </div>
   <div class="col-md-auto">&nbsp;</div>
   <div class="col-12 col-md-4">
-    <div class="background-calitp-blue pt-3 pt-md-5 px-md-5 px-3 pt-2 text-center clipped-contact-end">
+    <div class="background-calitp-blue pt-3 pt-md-5 ps-md-5 pe-md-4 px-3 pt-2 pb-lg-4 text-center clipped-contact-end">
       <picture
         ><img
           src="/images/contact-bus.png"
           alt="A bus nearly surrounded by a semicircular arrow, meant to indicate that transit content is being refreshed"
           width="86"
       /></picture>
       <h3 class="text-white d-block my-4">Stay up to date</h3>
-      <p class="text-white text-start ps-lg-3">
+      <p class="text-white text-start px-lg-4">
         See our latest milestones on our
         <a class="text-white fw-bolder" href="/press">Press page</a>, and subscribe to the
         <a