Merge pull request #227 from NikhilSharma03/fix_responsive_images

[Site] Fixed unresponsive image
layer5io · Dec 21, 2021 · c2517c3 · c2517c3
2 parents 691d174 + b195b17
commit c2517c3
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 2 deletions.
diff --git a/docs/_sass/layout.scss b/docs/_sass/layout.scss
@@ -133,7 +133,7 @@ section + section {
 .page h2 {
   text-align: center;
   margin: 2.5rem 0;
-	text-transform: capitalize; 
+  text-transform: capitalize;
 }
 
 blockquote {
@@ -480,7 +480,24 @@ hr {
     flex-direction: column;
     padding: 0rem;
   }
+  .description-div-grpc {
+    display: flex;
+    flex-direction: column-reverse;
+    padding: 0rem;
+    margin: 0 !important;
+    max-width: 100% !important;
+  }
+  .nighthawk-meshery-div {
+    margin: 0 !important;
+    margin-top: 2rem;
+  }
+  .nighthawk-meshery-div-columns {
+    padding-left: 0.5rem !important;
+    padding-right: 0.5rem !important;
+    margin-bottom: 6rem !important;
+  }
 }
+
 @media only screen and (max-width: 768px) {
   .custom-nav-cont-1,
   .custom-nav-cont-2 {

diff --git a/docs/index.html b/docs/index.html
@@ -94,7 +94,7 @@ <h1 class="desc-h1">Nighthawk and Meshery</h1>
         </div>
       </div>
     <div class="nighthawk-meshery-div">
-      <div class="container description-div">
+      <div class="container description-div description-div-grpc">
         <div class="custom-desc-div">
 
             <div class="nighthawk-desc-text-meshery head-h1">