fix: mobile padding for content

PHS-TSA · Mar 3, 2024 · a036489 · a036489
1 parent efe0f02
commit a036489
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/components/Content.tsx b/src/components/Content.tsx
@@ -2,7 +2,7 @@ import type { JSX, RenderableProps } from "preact";
 
 export function Content({ children }: RenderableProps<unknown>): JSX.Element {
   return (
-    <article class="prose prose-lg max-w-none bg-slate-200 px-40 py-10 dark:prose-invert prose-headings:flex prose-headings:flex-row prose-headings:items-center dark:bg-slate-800">
+    <article class="prose prose-lg max-w-none bg-slate-200 px-10 md:px-20 lg:px-40 py-10 dark:prose-invert prose-headings:flex prose-headings:flex-row prose-headings:items-center dark:bg-slate-800">
       {children}
     </article>
   );