Fix styles on mobile

2022-11-12 21:49:44 +03:00 · 2022-11-12 21:49:44 +03:00 · 1bb8a607dd
parent 403f5e066f
commit 1bb8a607dd
1 changed files with 8 additions and 0 deletions
--- a/themes/starter/source/assets/scss/modules/_chronicles.scss
+++ b/themes/starter/source/assets/scss/modules/_chronicles.scss
@ -201,6 +201,10 @@
 }

@media screen and (max-width: $mq-medium) {
+  .chronicles {
+    line-height: 1.2;
+  }
+
  .chronicles .urgent {
    position: inherit;
    width: auto;
@ -211,6 +215,10 @@
    flex: 100% 0 0;
    height: 230px;
  }
+
+  .post__preview:not(.wanted):not(.featured) .post__meta {
+    margin: .5em 0;
+  }
 }

@media screen and (max-width: $mq-small) {