style: improve css for small media

Author: NoeTerrier

app/src/styles/PartnersList.module.scss

@@ -10,11 +10,21 @@
     margin: auto;
     display: flex;
     flex-direction: row;
+
+    @media (max-width: 800px) {
+      flex-direction: column;
+    }
   }
 
   .logo {
     height: 6em;
     width: 20em;
     margin: 2em;
+
+    @media (max-width: 800px) {
+      height: 3em;
+      width: 10em;
+      margin: 1em;
+    }
   }
 }

app/src/styles/globals.scss

@@ -45,11 +45,15 @@ a {
 
 .divLogo {
   width: 100%;
-  height: 90vh;
+  height: 80vh;
 
   display: grid;
   grid-template-columns: 1fr 1fr;
 
+  @media (max-width: 1200px) {
+    height: 50vh;
+  }
+
   @media (max-width: 800px) {
     grid-template-columns: 1fr;
     height: fit-content;
@@ -63,9 +67,15 @@ a {
     margin-top: 40%;
     width: 100%;
 
-    @media (max-width: 800px) {
+    @media (max-width: 1200px) {
       width: 75%;
       margin: auto;
+      margin-top: 30%;
+    }
+
+    @media (max-width: 800px) {
+      width: 50%;
+      margin: auto;
       margin-top: 15%;
     }
   }