CSS compat is hard apparently

src/pages/posts.astro

@@ -14,7 +14,7 @@ const sortedPosts = posts.sort(
 ---
 
 <Layout>
-  <div class="min-h-screen p-4 sm:p-8">
+  <div class="min-h-screen min-w-screen p-4 sm:p-8">
     <h1
       class="text-3xl sm:text-4xl font-bold text-primary mb-6 sm:mb-8 text-center"
     >
@@ -23,9 +23,7 @@ const sortedPosts = posts.sort(
     <div
       class="flex flex-row flex-wrap justify-center gap-4 sm:gap-6 max-w-6xl mx-auto"
     >
-      {sortedPosts.map((post) => (
-        <PostCard post={post} />
-      ))}
+      {sortedPosts.map((post) => <PostCard post={post} />)}
     </div>
 
     {

src/pages/projects.astro

@@ -5,18 +5,25 @@ import { projects } from "../config/data";
 ---
 
 <Layout>
-  <div class="min-h-screen p-4 sm:p-8">
-    <h1 class="text-3xl sm:text-4xl font-bold text-primary mb-6 sm:mb-8 text-center">
+  <div class="min-h-screen min-w-screen p-4 sm:p-8">
+    <h1
+      class="text-3xl sm:text-4xl font-bold text-primary mb-6 sm:mb-8 text-center"
+    >
       Projects
     </h1>
-    <div class="flex flex-row flex-wrap justify-center gap-4 sm:gap-6 max-w-6xl mx-auto">
-      {projects.map((project) => (
-        <ProjectCard project={project} />
-      ))}
+    <div
+      class="flex flex-row flex-wrap justify-center gap-4 sm:gap-6 max-w-6xl mx-auto"
+    >
+      {projects.map((project) => <ProjectCard project={project} />)}
     </div>
-    
-    {projects.length === 0 && (
-      <p class="text-center text-gray-500 mt-12">No projects available yet. Check back soon!</p>
-    )}
+
+    {
+      projects.length === 0 && (
+        <p class="text-center text-gray-500 mt-12">
+          No projects available yet. Check back soon!
+        </p>
+      )
+    }
   </div>
-</Layout> 
+</Layout>
+

src/pages/talks.astro

@@ -5,7 +5,7 @@ import { talks } from "../config/data";
 ---
 
 <Layout>
-    <div class="min-h-screen p-4 sm:p-8">
+    <div class="min-h-screen min-w-screen p-4 sm:p-8">
         <h1
             class="text-3xl sm:text-4xl font-bold text-primary mb-6 sm:mb-8 text-center"
         >

src/styles/global.css

@@ -1,6 +1,7 @@
 @import "tailwindcss";
 @plugin "daisyui";
 @plugin "@tailwindcss/typography";
+
 @plugin "daisyui/theme" {
     name: "chaoticbisexual";
     default: true;
@@ -32,6 +33,5 @@
     --size-selector: 0.25rem;
     --size-field: 0.25rem;
     --border: 1.5px;
-    --depth: 0;
-    --noise: 1;
-}
+    --depth: 1;
+}