From b06c582c2c3b5bbcbc9e570fafaabe784b179c0f Mon Sep 17 00:00:00 2001
From: mbvgua <105845499+mbvgua@users.noreply.github.com>
Date: Sun, 11 May 2025 18:31:31 +0300
Subject: [PATCH] Make the 'Our Sponsors' section responsive

Add the css property 'overflow:hidden' to the links in our
sponsors section. This eliminates its overflowing that leads to
displaying an empty giant chunk on the rightmost side of the website
homepage when opened on smaller screens.
---
 docs/.vuepress/styles/index.scss | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/docs/.vuepress/styles/index.scss b/docs/.vuepress/styles/index.scss
index f3ac3153b..5ff5f1bc0 100644
--- a/docs/.vuepress/styles/index.scss
+++ b/docs/.vuepress/styles/index.scss
@@ -83,6 +83,23 @@ html[data-theme=dark] .custom-container.details th {
   margin-left: auto;
   margin-right: auto;
 }
+
+// make the sponsors section responsive
+@media (max-width: 700px) {
+  .links {
+    display: inline-block;
+    max-width: 100%;
+    max-height: auto;
+    overflow: hidden;
+
+    img{
+      object-fit: contain;
+      max-width: 100%;
+      max-height: auto;
+    } 
+  }
+}
+
 //Website footer section
 
 //Theme adds a sidebar width even on mobile when it doesnt show, this removes it.