From 44f71b670e8cb96e92991771fe3a9d624962b076 Mon Sep 17 00:00:00 2001
From: june <self@breadone.net>
Date: Tue, 12 Aug 2025 18:05:25 +1200
Subject: [PATCH] this styling is NOT final btw

---
 src/pages/index.astro | 18 ++++++++++--------
 src/styles/global.css |  3 +--
 2 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/src/pages/index.astro b/src/pages/index.astro
index a167e15..4acf249 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -7,16 +7,18 @@ const recipies = await client.collection("recipes").getFullList()
 ---
 
 <PageLayout>
-	<p class="text-3xl font-medium">Recipie</p>
+	<p class="w-full bg-yellow-100 p-5 text-3xl pb-4 font-medium">Recipie</p>
 	
-	What would you like today?
+	<div id="content" class="p-5">
+		<p class="pb-2">What would you like today?</p>
 
-	<div class="grid md:gap-2 grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
-		{
-			recipies.map(r => (
-				<OverviewCard recipe={r} />
-			))
-		}
+		<div class="grid gap-2 grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
+			{
+				recipies.map(r => (
+					<OverviewCard recipe={r} />
+				))
+			}
+		</div>
 	</div>
 
 </PageLayout>
diff --git a/src/styles/global.css b/src/styles/global.css
index af41d49..fd68a22 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -1,6 +1,5 @@
 @import "tailwindcss";
 
 html {
-    @apply bg-white;
-    @apply p-5;
+    @apply bg-yellow-50;
 }
\ No newline at end of file