homepage: reduce margin and padding for small devices (#30195)

diff --git a/site/layouts/partials/home/masthead-followup.html b/site/layouts/partials/home/masthead-followup.html
index 7a5bb7f0ab8cf1ba610f3e2112bbd960ec1a7bbc..14b1f4915790b7aff185c6d99082875680335e51 100644 (file)
--- a/site/layouts/partials/home/masthead-followup.html
+++ b/site/layouts/partials/home/masthead-followup.html
@@ -1,6 +1,6 @@
 {{ "<!-- Icons by Bytesize https://github.com/danklammer/bytesize-icons -->" | safeHTML }}
 
-<div class="container py-5 my-5 text-center">
+<div class="container py-3 my-3 py-md-5 my-md-5 text-center">
   <div class="home-icon home-icon-blue mx-auto mb-3">
     {{ partial "icons/import.svg" (dict "width" "48" "height" "48") }}
   </div>
@@ -15,7 +15,7 @@
   </div>
 </div>
 
-<div class="container py-5 my-5 text-center">
+<div class="container py-3 my-3 py-md-5 my-md-5 text-center">
   <div class="home-icon home-icon-purple mx-auto mb-3">
     {{ partial "icons/download.svg" (dict "width" "48" "height" "48") }}
   </div>
@@ -34,7 +34,7 @@
   </div>
 </div>
 
-<div class="container py-5 my-5 text-center">
+<div class="container py-3 my-3 py-md-5 my-md-5 text-center">
   <div class="home-icon home-icon-yellow mx-auto mb-3">
     {{ partial "icons/lightning.svg" (dict "width" "48" "height" "48") }}
   </div>

diff --git a/site/layouts/partials/home/masthead.html b/site/layouts/partials/home/masthead.html
index 8aa3cff68ce23a8a9aa1c27c3bcb2e89b7cbbb1b..0cc05723fe39a3c3aa2242689c17711e76fced72 100644 (file)
--- a/site/layouts/partials/home/masthead.html
+++ b/site/layouts/partials/home/masthead.html
@@ -1,4 +1,4 @@
-<main class="bd-masthead mb-5 border-bottom" id="content" role="main">
+<main class="bd-masthead mb-3 mb-md-5 border-bottom" id="content" role="main">
   <div class="container">
     <div class="row">
       <div class="col-6 mx-auto col-md-4 order-md-2 col-lg-5">