Merge pull request #6 from mlco2/fix/mobile-content-length

inimaz · web-flow · commit 06324d79193a · 2025-11-10T14:22:15.000+01:00
style: allow wider text content in web and phone
diff --git a/src/layouts/BlogPost.astro b/src/layouts/BlogPost.astro
@@ -28,7 +28,7 @@ console.log(updatedDate);
         }
       </div>
       <div
-        class="w-[720px] max-w-[calc(100%-2rem)] mx-auto p-4 text-[rgb(var(--gray-dark))]"
+        class="w-full max-w-4xl mx-auto md:px-6 py-4 text-[rgb(var(--gray-dark))]"
       >
         <div class="mb-4 py-4 text-center leading-none">
           <div class="mb-2 text-gray-400">
diff --git a/src/pages/blog/[...slug].astro b/src/pages/blog/[...slug].astro
@@ -17,7 +17,5 @@ const { Content } = await render(post);
 ---
 
 <BlogPost {...post.data}>
-  <Prose>
-    <Content />
-  </Prose>
+  <Content />
 </BlogPost>

Original file line number	Diff line number	Diff line change
`@@ -28,7 +28,7 @@ console.log(updatedDate);`
`28`	`28`	`}`
`29`	`29`	`</div>`
`30`	`30`	`<div`
`31`		`- class="w-[720px] max-w-[calc(100%-2rem)] mx-auto p-4 text-[rgb(var(--gray-dark))]"`
	`31`	`+ class="w-full max-w-4xl mx-auto md:px-6 py-4 text-[rgb(var(--gray-dark))]"`
`32`	`32`	`>`
`33`	`33`	`<div class="mb-4 py-4 text-center leading-none">`
`34`	`34`	`<div class="mb-2 text-gray-400">`