Old width size.

Author: nikoshell

src/components/prose/prose.astro

@@ -1,9 +1,10 @@
 ---
 export interface Props {
   class?: string;
+  full?: boolean;
 }
 
-const { class: className } = Astro.props;
+const { class: className, full=false } = Astro.props;
 ---
 
 <article
@@ -17,12 +18,7 @@ const { class: className } = Astro.props;
     "prose-li:marker:text-text",
     className,
   ]}
+    style={full ?  "max-width: none !important;": "margin:auto;"}
 >
   <slot />
 </article>
-
-<style>
-.prose {
-  max-width: none !important;
-}
-</style>

src/layouts/MarkdownLayout.astro

@@ -15,3 +15,9 @@ const { title, description } = Astro.props;
     </Prose>
   </Section>
 </Layout>
+
+<style is:global>
+.prose {
+  max-width: 65ch;
+}
+</style>

src/pages/overview.astro

@@ -1,5 +1,5 @@
 ---
-import Layout from "../layouts/MarkdownLayout.astro";
+import Layout from "../layouts/Layout.astro";
 import Headline from "@ui/Headline.astro"
 import Section from "@ui/Section.astro";
 
@@ -9,9 +9,10 @@ import Section from "@ui/Section.astro";
   title="EuroPython 2025 | July 14th-20th 2025 | Prague, Czech Republic & Remote"
   description="EuroPython is the largest Python conference in Europe. We are looking forward to seeing you in Prague, Czech Republic & Remote from July 14th-20th 2025."
 >
+  <Section>
   <Headline id="oveview" title="Programme & Events Overview" center=true />
 
-  <div class="events-container w-full">
+  <div class="events-container w-full prose prose-xl">
     <div class="decorative-border"></div>
 
     <div class="events-grid">
@@ -82,6 +83,7 @@ import Section from "@ui/Section.astro";
 
     <div class="decorative-border"></div>
   </div>
+  </Section>
 </Layout>
 
 <style>

src/pages/sessions.astro

@@ -26,7 +26,7 @@ const description = "A list of all the sessions at the conference";
 
 <Layout title={title} description={description}>
   <Section>
-    <Prose>
+    <Prose full>
       <h1>Sessions</h1>
       <p>Here you can find a list of all the sessions at the conference.</p>
       <p>You can filter the sessions by track, type, and level.</p>
@@ -35,7 +35,7 @@ const description = "A list of all the sessions at the conference";
 
     <Filter allTracks={allTracks} allTypes={allTypes} allLevels={allLevels} />
 
-    <Prose>
+    <Prose full>
       <h2>List of Sessions</h2>
     </Prose>
 

src/pages/speakers.astro

@@ -65,7 +65,7 @@ const description = "Our conference speakers organized alphabetically";
 
 <Layout title={title} description={description}>
   <Section>
-    <Prose>
+    <Prose full>
       <h1>Speakers</h1>
     </Prose>
 

src/styles/global.css

@@ -29,6 +29,10 @@ body {
   @apply bg-body-background text-text;
 }
 
+main section .container {
+  max-width: 1150px;
+}
+
 .layout-wrapper {
   display: grid;
   grid-template-columns: