fix: heading spacing

canonical · Jul 3, 2024 · a89aa2d · a89aa2d
1 parent 4c85256
commit a89aa2d
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/templates/index.html b/templates/index.html
@@ -33,7 +33,7 @@ <h1>Take control of your large-scale Juju deployments</h1>
   <section class="p-section">
     <hr class="is-fixed-width">
     <div class="row--50-50">
-      <div class="col">
+      <div class="col p-section--shallow">
         <h2>Main JAAS components</h2>
       </div>
       <div class="col">
@@ -62,7 +62,7 @@ <h3 class="p-text--small-caps">Dashboard</h3>
       <hr>
     </div>
     <div class="row">
-      <div class="col-3">
+      <div class="col-3 p-section--shallow">
         <h2>Why use JAAS?</h2>
       </div>
       <div class="col-9 col-start-large-4">
@@ -100,7 +100,7 @@ <h3 class="p-heading--5">Prefer to interact with your system with a web interfac
     <div class="u-fixed-width">
       <hr>
     </div>
-    <div class="row">
+    <div class="row p-section--shallow">
       <h2>Enhanced control and visibility <br /> for your Juju deployment</h2>
     </div>
     <div class="row--50-50">
@@ -216,7 +216,7 @@ <h2>Enhanced control and visibility <br /> for your Juju deployment</h2>
     <div class="u-fixed-width">
       <hr>
     </div>
-    <div class="row">
+    <div class="row p-section--shallow">
       <h2>Familiar experience and tighter <br /> security controls</h2>
     </div>
     <div class="row">
@@ -279,7 +279,7 @@ <h3 class="p-heading--5">Shallow learning curve</h3>
       <hr>
     </div>
     <div class="row">
-      <div class="col-6">
+      <div class="col-6 p-section--shallow">
         <h2>JAAS is available through <br />Ubuntu Pro</h2>
       </div>
       <div class="col-6">
@@ -302,7 +302,7 @@ <h2>JAAS is available through <br />Ubuntu Pro</h2>
     <div class="u-fixed-width">
       <hr>
     </div>
-    <div class="u-fixed-width">
+    <div class="u-fixed-width p-section--shallow">
       <h2>Trusted by 10,000+ engineers at</h2>
     </div>
     <div class="u-fixed-width">
@@ -366,12 +366,12 @@ <h2>Trusted by 10,000+ engineers at</h2>
       </div>
     </div>
   </section>
-  <section class="p-section--deep p-suru--bottom-right">
+  <section class="p-section--deep">
     <div class="u-fixed-width">
       <hr>
     </div>
     <div class="row--50-50">
-      <div class="col">
+      <div class="col p-section--shallow">
         <h2>Learn more about Juju</h2>
       </div>
       <div class="col">