adjust post size for mobile devices

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;
-}
+}

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;