Forráskód Böngészése

Add some responsiveness to landing page

Lee Morgan 6 éve
szülő
commit
7c0867b363
1 módosított fájl, 19 hozzáadás és 0 törlés
  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;