From e1f72b8581315c1aee58b2d6075de81ef4cfcd86 Mon Sep 17 00:00:00 2001
From: N-Shar-ma <bablinaneh@gmail.com>
Date: Thu, 7 Oct 2021 17:23:25 +0530
Subject: [PATCH] Minor suggested fixes

Signed-off-by: N-Shar-ma <bablinaneh@gmail.com>
---
 microsite/pages/en/index.js     | 19 +++++++++----------
 microsite/static/css/custom.css | 21 +++++++++++++++++++--
 2 files changed, 28 insertions(+), 12 deletions(-)

diff --git a/microsite/pages/en/index.js b/microsite/pages/en/index.js
index 45d8c3cdfa..3804c45478 100644
--- a/microsite/pages/en/index.js
+++ b/microsite/pages/en/index.js
@@ -20,21 +20,20 @@ class Index extends React.Component {
 
     return (
       <main className="MainContent">
-
         <Banner.Container>
-          <Banner.Dismissable storageKey="k8s-launch">
-            🚀Feature updates!{' '}
-            <a href = "https://backstage.io/blog/2021/07/26/software-templates-are-now-in-beta">
+          <Banner.Dismissable storageKey="2021-10-07-software-templates-techdocs-beta">
+            🚀 Feature updates!{' '}
+            <a href="https://backstage.io/blog/2021/07/26/software-templates-are-now-in-beta">
               Software Templates
-            </a>
-            {' '}and{' '}
-            <a href = "https://backstage.io/blog/2021/09/16/the-techdocs-beta-has-landed">
+            </a>{' '}
+            and{' '}
+            <a href="https://backstage.io/blog/2021/09/16/the-techdocs-beta-has-landed">
               TechDocs
-            </a>
-            {' '}are now in beta.
+            </a>{' '}
+            are now in beta.
           </Banner.Dismissable>
         </Banner.Container>
-        
+
         <Block small className="bg-black-grey stripe-bottom">
           <Block.Container>
             <Block.TextBox>
diff --git a/microsite/static/css/custom.css b/microsite/static/css/custom.css
index 19bf5c9590..8fcf7845ef 100644
--- a/microsite/static/css/custom.css
+++ b/microsite/static/css/custom.css
@@ -1094,10 +1094,27 @@ code {
   position: relative;
   overflow: visible;
   z-index: 100;
-
+  margin: 25px auto 0 auto;
   max-width: 1430px;
   height: 0;
-  margin: calc(55px - 1vw) auto 14px auto;
+}
+ 
+@media only screen and (max-width: 1024px) {
+  .Banner__Container {
+    margin-top: 20px;
+  }
+} 
+
+@media only screen and (max-width: 645px) {
+  .Banner__Container {
+    margin-top: 60px;
+  }
+}
+
+@media only screen and (max-width: 335px) {
+  .Banner__Container {
+    margin-top: 90px;
+  }
 }
 
 .Banner__DismissButton {