From 1610c9aba5df7e736aa154bb1e373a755c9fabec Mon Sep 17 00:00:00 2001
From: ChrQR <christian@rannes.com>
Date: Fri, 17 May 2024 23:52:54 +0200
Subject: [PATCH] fixed css and app width

---
 src/routes/+layout.svelte      | 2 +-
 src/routes/svelte/+page.svelte | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index c52bef1..03048ca 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -75,7 +75,7 @@
 	{/key}
 	<ThemeSwitch />
 </nav>
-<div class="container text-center w-3/4 mx-auto">
+<div class="mx-auto max-w-xs sm:max-w-md md:max-w-3xl text-center">
 	<slot />
 </div>
 <footer class="mt-12">
diff --git a/src/routes/svelte/+page.svelte b/src/routes/svelte/+page.svelte
index 6c3452a..f5dbf75 100644
--- a/src/routes/svelte/+page.svelte
+++ b/src/routes/svelte/+page.svelte
@@ -4,11 +4,11 @@
 
 <div in:fade>
 	<h1 class="text-2xl">Svelte Portfolio Page</h1>
-	<p>
+	<p class="text-left">
 		This portfolio is built using <span class="font-normal">Svelte & Svelte kit</span> and
 		<span class="font-normal">Tailwind CSS</span> as a simple static page.
 	</p>
-	<p>
+	<p class="text-left">
 		<a
 			class="underline font-normal hover:text-slate-400"
 			href="https://gitea.rannes.dev/rannes.dev/my-portfolio">The git repo is available here.</a