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

twbs · Feb 17, 2020 · b9f6c29 · b9f6c29
1 parent cc44b44
commit b9f6c29
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git 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 @@ <h2 class="display-4">Installation</h2>
   </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 @@ <h5>JS and Popper.js</h5>
   </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
@@ -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">