[Website] fixed overflow company images and hero section logo (#5015)

* fixed overflow brand images Signed-off-by: Nikhil Sharma <nikhilsharmamusic2000@gmail.com> * fixed shrinked hero section logo Signed-off-by: Nikhil Sharma <nikhilsharmamusic2000@gmail.com> * fixed spacing issues Signed-off-by: Nikhil Sharma <nikhilsharmamusic2000@gmail.com>
thanos-io · Dec 30, 2021 · 0aa21c3 · 0aa21c3
1 parent bf14049
commit 0aa21c3
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 5 deletions.
diff --git a/website/layouts/index.html b/website/layouts/index.html
@@ -1,7 +1,7 @@
 {{ define "main" }}
 <div class="container-fluid">
     <div class="row py-3 py-lg-5">
-        <div class="col col-sm-1 col-md-6 offset-md-3 col-lg-4 offset-lg-4 text-center">
+        <div class="col col-sm-1 col-md-6 offset-md-3 col-lg-4 offset-lg-4 text-center hero-logo-container">
             <img class="img-fluid" style="max-width: 60%" src="Thanos-logo_full.svg" alt="Thanos Logo"/>
         </div>
     </div>

diff --git a/website/static/main.css b/website/static/main.css
@@ -50,7 +50,7 @@ pre {
 }
 
 .img-adopter {
-    padding: 25px;
+    padding: 15px;
     background-color: #fff;
     box-shadow: 0 2px 4px rgba(0,0,0,.1);
     border: 1px solid #dee2e6;
@@ -62,9 +62,15 @@ pre {
     height: 100px;
 }
 
-.img-adopter img {
-    max-width: 100%;
-    max-height: 100%;
+.img-adopter a {
+    width: 100%;
+    height: 100%;
+}
+
+.img-adopter a img {
+    object-fit: contain;
+    width: 100%;
+    height: 100%;
 }
 
 .header-anchor { font-size: 100%; visibility: hidden;}
@@ -166,3 +172,10 @@ input[type="search"]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
         width: 1em;
     }
 }
+
+@media (max-width: 768px){
+    .hero-logo-container {
+        flex-grow: 1;
+        max-width: 100%;
+    }
+}