From 5b42b1299704466f3480384bb418a228e2e504cb Mon Sep 17 00:00:00 2001
From: nemanjam <nemanja.mitic.elfak@hotmail.com>
Date: Tue, 21 May 2024 12:20:57 +0200
Subject: [PATCH] sync breakpoints

---
 docs/todo2.md              | 2 +-
 docs/todo3.md              | 1 +
 src/components/Prose.astro | 2 +-
 src/layouts/Post.astro     | 4 ++--
 src/styles/my-prose.css    | 2 +-
 5 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/docs/todo2.md b/docs/todo2.md
index 41fb4bb..da99bfa 100644
--- a/docs/todo2.md
+++ b/docs/todo2.md
@@ -141,7 +141,7 @@ https://salient.tailwindui.com/
 // linkedin blog posts, example
 https://www.linkedin.com/pulse/react-19-beta-now-available-npm-iii-amigoes-qpjke/
 
-// tailwind guy
+// tailwind guy, keystatic, very simple
 https://github.com/simonswiss/simonswiss.com
 
 -----------
diff --git a/docs/todo3.md b/docs/todo3.md
index a377c6e..89da685 100644
--- a/docs/todo3.md
+++ b/docs/todo3.md
@@ -154,4 +154,5 @@ improve PostItem image and rest
 ul li PostList, ProjectList
 not-prose not working for my-prose
 not-prose fails for font-size, inherited from <main />, i za cn(proseClasses)
+keep all breakpoints in sync, prose-lg, h1 sizes, py layout
 ```
diff --git a/src/components/Prose.astro b/src/components/Prose.astro
index f3b7dd6..4ad6179 100644
--- a/src/components/Prose.astro
+++ b/src/components/Prose.astro
@@ -7,7 +7,7 @@ export const proseClasses = cn(
 
   // responsive styling
   // all tags
-  'md:prose-lg xl:prose-xl',
+  'md:prose-lg lg:prose-xl',
   // limit just h1
   'prose-h1:text-3xl md:prose-h1:text-4xl lg:prose-h1:text-5xl',
 
diff --git a/src/layouts/Post.astro b/src/layouts/Post.astro
index 792f942..d454c04 100644
--- a/src/layouts/Post.astro
+++ b/src/layouts/Post.astro
@@ -10,10 +10,10 @@ const props = Astro.props;
 
 <FullWidth {...props}>
   <article>
-    <figure class="w-full max-w-5xl md:mx-auto">
+    <figure class="not-prose w-full max-w-5xl md:mx-auto">
       <slot name="hero-image" />
     </figure>
-    <section class="w-full max-w-4xl md:mx-auto px-4 lg:px-0 py-12 md:py-16">
+    <section class="w-full max-w-4xl md:mx-auto px-4 lg:px-0 py-12 lg:py-16">
       <slot name="hero-text" />
       <slot name="content" />
     </section>
diff --git a/src/styles/my-prose.css b/src/styles/my-prose.css
index 35784cd..a6bf497 100644
--- a/src/styles/my-prose.css
+++ b/src/styles/my-prose.css
@@ -5,7 +5,7 @@
 
     /* responsive styling */
     /* all tags */
-    @apply md:prose-lg xl:prose-xl;
+    @apply md:prose-lg lg:prose-xl;
     /* limit just h1 */
     @apply prose-h1:text-3xl md:prose-h1:text-4xl lg:prose-h1:text-5xl;