Add home page mobile compatibility

besser435 · Oct 20, 2023 · 9549726 · 9549726
1 parent b693a57
commit 9549726
Showing 1 changed file with 32 additions and 0 deletions.
diff --git a/website/static/styles.css b/website/static/styles.css
@@ -496,6 +496,7 @@ p {
 
 /* Small screens compatibility changes*/
 @media (max-width: 950px) {
+    /*Logo and navbar */
     .logo-slogan h1 {
         font-size: 36px;
     }
@@ -515,11 +516,42 @@ p {
         align-items: center;
     }
 
+
+    /* Box template */
     .box {
         max-width: 100%;
     }
 
+
+    /* Players page */
     .container-player {
         max-width: 100%;
     }
+
+
+    /* Home page */
+    .who-we-are {
+        height: auto;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        margin-bottom: 20px;
+    }
+
+    .who-we-are .person {
+        margin: 10px 0;
+    }
+
+    .about {
+        max-width: 100%;
+    }
+
+    .services {
+        grid-template-columns: 1fr;
+        gap: 20px;
+    }
+
+    .services-box {
+        width: 100%;
+    }
 }