make splash images look better on small devices

2020-12-14 16:26:08 -06:00
parent aaced9d0e1
commit b0795999fe
1 changed files with 7 additions and 1 deletions
--- a/incorporealcms/static/css/style.css
+++ b/incorporealcms/static/css/style.css
@@ -109,11 +109,17 @@ blockquote {
 }

 .splash {
+    margin-top: 1em;
+    margin-bottom: 1em;
    text-align: center;
 }

+.splash img {
+    max-width: 100%;
+}
+
 .img-50 {
-    max-width: 50%;
+    max-width: 50% !important;
 }

 /* For screens with width smaller than 400px */