diff --git a/layouts/default.vue b/layouts/default.vue
index fde11e1..5611e9c 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -72,6 +72,13 @@ html::before {
   z-index: 0;
 }
 
+/* div#__nuxt {
+  min-height: 100vh;
+} 
+
+it's better if everything is sort of long but that is not the case
+*/
+
 html.dark::before {
   transform: translateX(0);
 }
diff --git a/pages/[...slug].vue b/pages/[...slug].vue
index 51fe3f8..4c7dbe6 100644
--- a/pages/[...slug].vue
+++ b/pages/[...slug].vue
@@ -5,9 +5,9 @@ import { calcReadingTime } from "@/shared/metadata";
 type GeneralParsedContent = BlogParsedContent | StoryParsedContent;
 
 const route = useRoute();
-definePageMeta({
-  layout: "withtop",
-});
+// definePageMeta({
+//   layout: "withtop",
+// });
 
 // we're not using ContentDoc because i need control
 const doc = await queryContent<GeneralParsedContent>(route.path).findOne();
@@ -65,6 +65,13 @@ const captionText =
   padding-top: 2rem;
 }
 
+@media screen and (max-width: 600px) {
+  .container {
+    max-width: 80ch;
+    width: 90%;
+  }
+}
+
 * {
   transition: color 0.2s ease;
 }