adjust post size for mobile devices

adityatelange · Jul 25, 2020 · 467c27d · 467c27d
1 parent c76ab82
commit 467c27d
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/assets/css/post-entry.css b/assets/css/post-entry.css
@@ -9,6 +9,12 @@
     margin-bottom: var(--header-height);
 }
 
+@media screen and (max-width: 600px) {
+    .first-entry {
+        height: 240px;
+    }
+}
+
 .first-entry .entry-header {
     overflow: hidden;
     display: -webkit-box;
@@ -82,4 +88,4 @@
     display: inline;
     color: var(--secondary);
     font-size: 14px;
-}
+}
diff --git a/assets/css/theme-vars.css b/assets/css/theme-vars.css
@@ -21,6 +21,12 @@
     --border: #eee;
 }
 
+@media screen and (max-width: 600px) {
+    :root {
+        --gap: 14px;
+    }
+}
+
 .dark {
     --theme: #1d1e20;
     --entry: #2e2e33;