fixed image skewing

Signed-off-by: Nikhil Sharma <[email protected]>
layer5io · Dec 24, 2021 · 76eca2f · 76eca2f
1 parent c2517c3
commit 76eca2f
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 4 deletions.
diff --git a/docs/_sass/layout.scss b/docs/_sass/layout.scss
@@ -474,6 +474,18 @@ hr {
   padding: 0rem 0;
 }
 
+@media only screen and (max-width: 1300px) {
+  .nighthawk-img-container {
+    padding-top: 5rem;
+  }
+}
+
+@media only screen and (max-width: 1070px) {
+  .nighthawk-img-container {
+    padding-top: 10rem;
+  }
+}
+
 @media only screen and (max-width: 992px) {
   .custom-desc-div {
     display: flex;
@@ -496,6 +508,9 @@ hr {
     padding-right: 0.5rem !important;
     margin-bottom: 6rem !important;
   }
+  .nighthawk-img-container {
+    padding-top: 3rem;
+  }
 }
 
 @media only screen and (max-width: 768px) {

diff --git a/docs/index.html b/docs/index.html
@@ -69,10 +69,8 @@
 
   <div class="nighthawk-description-div">
       <div class="custom-desc-div">
-        <div class="custom-desc-div">
-          <div class="custom-desc-div">
-          <img src="/assets/images/screenshots/meshery-nighthawk-performance-chart.png" />              
-          </div>
+          <div class="nighthawk-img-container">
+            <img src="/assets/images/screenshots/meshery-nighthawk-performance-chart.png" />              
           </div>
           <div class="description-div">
               <div class="nighthawk-desc-text head-h1">