From 352a09e7d9036c28068ac25d61726c437e0f62ab Mon Sep 17 00:00:00 2001
From: Akshit <akshitarora9211@gmail.com>
Date: Thu, 20 Jan 2022 13:57:05 +0530
Subject: [PATCH 1/5] add `flex:1`

Signed-off-by: Akshit <akshitarora9211@gmail.com>
---
 docs/_sass/index.scss  | 1 +
 docs/_sass/layout.scss | 7 ++++++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/docs/_sass/index.scss b/docs/_sass/index.scss
index 955be46d..8718e3f5 100644
--- a/docs/_sass/index.scss
+++ b/docs/_sass/index.scss
@@ -216,6 +216,7 @@ $blue-munsell-3: #4392a4ff;
 }
 .description-div {
   text-align: center;
+  flex:1
  
 }
 .nighthawk-desc-text {
diff --git a/docs/_sass/layout.scss b/docs/_sass/layout.scss
index d9476144..57d43511 100644
--- a/docs/_sass/layout.scss
+++ b/docs/_sass/layout.scss
@@ -473,16 +473,20 @@ hr {
   display: flex;
   padding: 0rem 0;
 }
-
+.nighthawk-img-container {
+  flex: 1;
+}
 @media only screen and (max-width: 1300px) {
   .nighthawk-img-container {
     padding-top: 5rem;
+    flex: 1;
   }
 }
 
 @media only screen and (max-width: 1070px) {
   .nighthawk-img-container {
     padding-top: 10rem;
+    flex: 1;
   }
 }
 
@@ -510,6 +514,7 @@ hr {
   }
   .nighthawk-img-container {
     padding-top: 3rem;
+    flex: 1;
   }
 }
 

From d1dc5c77bd23ecaedb5ea6cdee6e967507231b53 Mon Sep 17 00:00:00 2001
From: Akshit Arora <akshitarora9211@gmail.com>
Date: Thu, 20 Jan 2022 17:09:37 +0530
Subject: [PATCH 2/5] add container class

---
 docs/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/index.html b/docs/index.html
index ad56f937..a9ebeddf 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -68,7 +68,7 @@
   <section>
 
   <div class="nighthawk-description-div">
-      <div class="custom-desc-div">
+      <div class="custom-desc-div container">
           <div class="nighthawk-img-container">
             <img src="/assets/images/screenshots/meshery-nighthawk-performance-chart.png" />              
           </div>

From 57deab40bc144c8e6a56f24f4f245b4604b775fd Mon Sep 17 00:00:00 2001
From: Akshit <akshitarora9211@gmail.com>
Date: Thu, 20 Jan 2022 17:37:42 +0530
Subject: [PATCH 3/5] add `flex-direction: column-reverse`

Signed-off-by: Akshit <akshitarora9211@gmail.com>
---
 docs/_sass/layout.scss | 6 +++---
 docs/index.html        | 5 ++---
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/docs/_sass/layout.scss b/docs/_sass/layout.scss
index 57d43511..bcbbfd0f 100644
--- a/docs/_sass/layout.scss
+++ b/docs/_sass/layout.scss
@@ -493,12 +493,12 @@ hr {
 @media only screen and (max-width: 992px) {
   .custom-desc-div {
     display: flex;
-    flex-direction: column;
+    flex-direction: column-reverse;
     padding: 0rem;
   }
   .description-div-grpc {
     display: flex;
-    flex-direction: column-reverse;
+    flex-direction: column;
     padding: 0rem;
     margin: 0 !important;
     max-width: 100% !important;
@@ -513,8 +513,8 @@ hr {
     margin-bottom: 6rem !important;
   }
   .nighthawk-img-container {
-    padding-top: 3rem;
     flex: 1;
+    padding-top: 0rem;
   }
 }
 
diff --git a/docs/index.html b/docs/index.html
index ad56f937..a6cce57a 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -68,7 +68,7 @@
   <section>
 
   <div class="nighthawk-description-div">
-      <div class="custom-desc-div">
+      <div class="custom-desc-div container">
           <div class="nighthawk-img-container">
             <img src="/assets/images/screenshots/meshery-nighthawk-performance-chart.png" />              
           </div>
@@ -93,8 +93,7 @@ <h1 class="desc-h1">Nighthawk and Meshery</h1>
       </div>
     <div class="nighthawk-meshery-div">
       <div class="container description-div description-div-grpc">
-        <div class="custom-desc-div">
-    
+        <div class="">
             <div class="nighthawk-desc-text-meshery head-h1">
               <h1 class="desc-h1">Layer 7 Performance Analysis</h1>
 

From e1629e71a8be8cf8ac993c068deb87130d30d3f7 Mon Sep 17 00:00:00 2001
From: Akshit <akshitarora9211@gmail.com>
Date: Thu, 20 Jan 2022 18:21:52 +0530
Subject: [PATCH 4/5] fix css

Signed-off-by: Akshit <akshitarora9211@gmail.com>
---
 docs/_sass/index.scss  | 2 +-
 docs/_sass/layout.scss | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/_sass/index.scss b/docs/_sass/index.scss
index 8718e3f5..3260363e 100644
--- a/docs/_sass/index.scss
+++ b/docs/_sass/index.scss
@@ -223,7 +223,7 @@ $blue-munsell-3: #4392a4ff;
   display: inline-block;
   text-align: left;
   padding: 1rem 1rem;
-  margin-top: 5rem;
+  margin-top: 0rem;
 }
 .nighthawk-desc-text-meshery {
   display: inline-block;
diff --git a/docs/_sass/layout.scss b/docs/_sass/layout.scss
index bcbbfd0f..45ebb2c3 100644
--- a/docs/_sass/layout.scss
+++ b/docs/_sass/layout.scss
@@ -532,7 +532,7 @@ hr {
   }
   .custom-desc-div {
     display: flex;
-    flex-direction: column;
+    flex-direction: column-reverse;
     padding: 0;
   }
 }

From e96bfd02b19106f63e4681232b46d96533ee61f0 Mon Sep 17 00:00:00 2001
From: Akshit <akshitarora9211@gmail.com>
Date: Fri, 28 Jan 2022 12:36:20 +0530
Subject: [PATCH 5/5] remove empty class

Signed-off-by: Akshit <akshitarora9211@gmail.com>
---
 docs/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/index.html b/docs/index.html
index a6cce57a..db46151c 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -93,7 +93,7 @@ <h1 class="desc-h1">Nighthawk and Meshery</h1>
       </div>
     <div class="nighthawk-meshery-div">
       <div class="container description-div description-div-grpc">
-        <div class="">
+        <div>
             <div class="nighthawk-desc-text-meshery head-h1">
               <h1 class="desc-h1">Layer 7 Performance Analysis</h1>