diary-website

commit a779f95f9f2f9d328175684059febcc7341959cb
parent 41130583bb84ee39f6686be5a63c9dd86b2d25a4
Author: Andreas Gruhler <agruhl@gmx.ch>
Date:   Mon, 26 Jul 2021 00:57:52 +0200

phone media min-width 500

Diffstat:
M
assets/scss/base/_typography.scss
 | 
20
+++++++++++++++-----

1 file changed, 15 insertions(+), 5 deletions(-)
diff --git a/assets/scss/base/_typography.scss b/assets/scss/base/_typography.scss
@@ -46,8 +46,12 @@ p {
   &.lead {
     font-size: rem(22);
     font-weight: 300;
-    display: table-cell;
-    vertical-align: middle;
+  }
+  @media(min-width: 500px){
+    &.lead {
+      display: table-cell;
+      vertical-align: middle;
+    }
   }
 }
 
@@ -76,9 +80,15 @@ picture {
   margin: 0;
   max-width: 100%;
   &.mascot {
-    display: table-cell;
-    width: 80%;
-    vertical-align: middle;
+    display: block;
+    width: 35%;
+    margin: 0 auto 8% auto;
+  }
+  @media(min-width: 500px){
+    &.mascot {
+      width: 80%;
+      display: table-cell;
+    }
   }
 }