diff --git a/src/pages/posts/[id].svelte b/src/pages/posts/[id].svelte
index 7a67145..40a31b8 100644
--- a/src/pages/posts/[id].svelte
+++ b/src/pages/posts/[id].svelte
@@ -15,5 +15,36 @@
         <SidebarItem title="Sidebar Content 2">An Item 2</SidebarItem>
     </svelte:fragment>
 
-    Hello from {id}.
-</MainLayout>
\ No newline at end of file
+<div class="flex flex-col">
+    <img class="flex flex-grow-0" src="https://upload.wikimedia.org/wikipedia/commons/8/83/Solar_system.jpg" />
+    <div>
+        <div style="font-size: 2em; text-align: center;">COMMENTS</div>
+        <div>BLAH BLAH BLAH</div>
+        <div>BLAH BLAH BLAH</div>
+        <div>BLAH BLAH BLAH</div>
+        <div>BLAH BLAH BLAH</div>
+        <div>BLAH BLAH BLAH</div>
+        <div>BLAH BLAH BLAH</div>
+        <div>BLAH BLAH BLAH</div>
+        <div>BLAH BLAH BLAH</div>
+        <div>BLAH BLAH BLAH</div>
+        <div>BLAH BLAH BLAH</div>
+        <div>BLAH BLAH BLAH</div>
+        <div>BLAH BLAH BLAH</div>
+        <div>BLAH BLAH BLAH</div>
+        <div>BLAH BLAH BLAH</div>
+    </div>
+</div>
+
+
+</MainLayout>
+
+<style>
+
+    img
+    {
+        max-width: 100%;
+        max-height: 75vh;
+        object-fit: contain;
+    }
+</style>