Properly Resize Sponsor Logos

Ensure sponsor logos don't go past the edge of the screen, and maintain
aspect ratio when sized down.

Signed-off-by: Hassan Abouelela <[email protected]>

1 files changed, 10 insertions, 2 deletions

diff --git a/pydis_site/static/css/home/index.css b/pydis_site/static/css/home/index.css
index ee6f6e4c..7ec8af74 100644
--- a/pydis_site/static/css/home/index.css
+++ b/pydis_site/static/css/home/index.css
@@ -215,12 +215,20 @@ h1 {
 }
 
 #sponsors .columns {
+    display: block;
     justify-content: center;
     margin: auto;
     max-width: 80%;
 }
 
+#sponsors a {
+    margin: auto;
+    display: inline-block;
+}
+
 #sponsors img {
-    height: 5rem;
-    margin: auto 1rem;
+    width: auto;
+    height: auto;
+
+    max-height: 5rem;
 }