diff --git a/src/components/Summary.astro b/src/components/Summary.astro
index 5d51066..45ed32f 100644
--- a/src/components/Summary.astro
+++ b/src/components/Summary.astro
@@ -29,10 +29,10 @@ const { url, date, title, tags, description } = Astro.props;
     </a>
   </div>
   <div class="mt-3 leading-4 mb-2">
-    <h2 class="font-medium inline mr-1 leading-5">
+    <h2 class="font-medium inline mr-1 leading-7 md:leading-5 text-pretty text-lg sm:text-xl md:text-2xl">
       <a href={url} class="underline decoration-white/30 decoration-1 underline-offset-3" data-astro-prefetch>{title}</a>
     </h2>
-    <span class="tags space-x-2 font-mono">
+    <span class="tags lg:space-x-2 font-mono text-sm">
       {
         tags.map((tag) => (
           <a data-astro-prefetch href={`/tags/${tag}`}>
@@ -42,5 +42,7 @@ const { url, date, title, tags, description } = Astro.props;
       }
     </span>
   </div>
-  {description}
+  <p class="max-md:text-sm">
+    {description}
+  </p>
 </div>
diff --git a/src/layouts/Base.astro b/src/layouts/Base.astro
index 3a1eda0..b8d7cf3 100644
--- a/src/layouts/Base.astro
+++ b/src/layouts/Base.astro
@@ -3,7 +3,6 @@ import "@styles/global.scss";
 import "@styles/fonts.scss";
 import { ViewTransitions } from "astro:transitions";
 import { SEO, type Props as SEOProps } from "astro-seo";
-import OpenGraphArticleTags from "node_modules/astro-seo/src/components/OpenGraphArticleTags.astro";
 
 interface Props {
   title?: string;
@@ -107,7 +106,7 @@ const linkedDataTag = "<script type='application/ld+json'>" + JSON.stringify(lin
     <link rel="alternate" type="application/xml" href="/feed.xml" />
     <ViewTransitions />
   </head>
-  <body class="flex flex-col w-full max-w-full min-h-screen">
+  <body class="flex flex-col min-h-screen w-full sm:max-w-screen-sm md:max-w-screen-md lg:max-w-screen-lg mx-auto px-3 md:px-4">
     <slot />
   </body>
 </html>
