From b9f6c29459c77d914ecb5e034c4ccd85d909bf03 Mon Sep 17 00:00:00 2001
From: XhmikosR <xhmikosr@gmail.com>
Date: Mon, 17 Feb 2020 20:35:11 +0200
Subject: [PATCH] homepage: reduce margin and padding for small devices
 (#30195)

---
 site/layouts/partials/home/masthead-followup.html | 6 +++---
 site/layouts/partials/home/masthead.html          | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/site/layouts/partials/home/masthead-followup.html b/site/layouts/partials/home/masthead-followup.html
index 7a5bb7f0ab8c..14b1f4915790 100644
--- 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
index 8aa3cff68ce2..0cc05723fe39 100644
--- 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">