diff --git a/assets/css/post-entry.css b/assets/css/post-entry.css
index 9d5e0795..c0dda12d 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 c1876ee5..246ebfba 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;