fix styles

public/styles/posts.css

@@ -1,3 +1,28 @@
+body:has(.post-container) {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  overflow: hidden;
+}
+
+body:has(.post-container) header {
+  flex-shrink: 0;
+  position: sticky;
+  top: 0;
+  z-index: 100;
+  background: var(--background);
+}
+
+body:has(.post-container) .main {
+  flex: 1;
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+
+body:has(.post-container) footer {
+  flex-shrink: 0;
+}
+
 li {
   margin: 5px 0;
 }