From 43d06ebeb770c85842d683b727bce2204c23ffc1 Mon Sep 17 00:00:00 2001
From: Edan Bainglass <45081142+edan-bainglass@users.noreply.github.com>
Date: Sun, 2 Feb 2025 09:42:06 +0100
Subject: [PATCH] Update app container styles (#197)

---
 miscellaneous/styles.css | 30 +++++++++++++++++++++++-------
 1 file changed, 23 insertions(+), 7 deletions(-)

diff --git a/miscellaneous/styles.css b/miscellaneous/styles.css
index 6e13fd3..cfe8bb1 100644
--- a/miscellaneous/styles.css
+++ b/miscellaneous/styles.css
@@ -21,23 +21,29 @@
 }
 
 .logo {
-  max-width: 200px;
-  margin: 20px 0;
+  text-align: center;
+}
+
+.logo img {
+  width: 80%;
 }
 
 .features {
   display: flex;
   gap: 50px;
   margin-top: 20px;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 1vw;
+  width: 100%;
+  max-width: 800px;
 }
 
 .feature {
-  display: flex;
-  flex-direction: column;
   align-items: center;
   justify-content: center;
-  min-width: 140px;
-  min-height: 140px;
+  min-width: 120px;
+  min-height: 120px;
   text-align: center;
   text-decoration: none;
   color: inherit;
@@ -63,9 +69,15 @@
 
 .feature:hover .feature-logo {
   transform: scale(1.2);
+  -webkit-transform: scale(1.2);
+  -moz-transform: scale(1.2);
+  -ms-transform: scale(1.2);
+  -o-transform: scale(1.2);
 }
 
 .feature-logo {
+  width: min(12vw, 100px);
+  height: auto;
   max-width: 100px;
   margin-bottom: 10px;
   font-size: 40px;
@@ -77,8 +89,12 @@
 }
 
 .feature-logo:hover {
-  transform: scale(1.2);
   text-decoration: none;
+  transform: scale(1.2);
+  -webkit-transform: scale(1.2);
+  -moz-transform: scale(1.2);
+  -ms-transform: scale(1.2);
+  -o-transform: scale(1.2);
 }
 
 .feature-label {