Prechádzať zdrojové kódy

Add some responsiveness to landing page

Lee Morgan 6 rokov pred
rodič
commit
7c0867b363
1 zmenil súbory, kde vykonal 19 pridanie a 0 odobranie
  1. 19 0
      views/landingPage/landing.css

+ 19 - 0
views/landingPage/landing.css

@@ -42,6 +42,7 @@
             .logo-text p{
                 font-weight: bold;
                 font-size: 25px;
+                color: rgb(255, 99, 107);
             }
     
     .more-info{
@@ -103,6 +104,24 @@
             margin: 10px 0;
         }
 
+@media screen and (max-width: 600px){
+    .logo-text img{
+        max-height: 20vh;
+    }
+
+    .logo-text p{
+        font-size: 20px;
+    }
+
+    .more-info{
+        padding: 25px;
+    }
+
+    .public-buttons{
+        right: 25vw;
+    }
+}
+
 /* #posChoiceStrand{
     display: none;
     flex-direction: column;