From 467c27d5c213d8edfccfd3b3f4cf63f43fb18481 Mon Sep 17 00:00:00 2001
From: Aditya Telange <21258296+adityatelange@users.noreply.github.com>
Date: Sat, 25 Jul 2020 13:28:07 +0530
Subject: [PATCH] adjust post size for mobile devices

---
 assets/css/post-entry.css | 8 +++++++-
 assets/css/theme-vars.css | 6 ++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/assets/css/post-entry.css b/assets/css/post-entry.css
index 9d5e0795cd..c0dda12d22 100644
--- 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;
-}
+}
\ No newline at end of file
diff --git a/assets/css/theme-vars.css b/assets/css/theme-vars.css
index c1876ee520..246ebfba17 100644
--- 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;