fix: even more layotuing ahhh i hate css

src/routes/+layout.svelte

@@ -73,7 +73,6 @@
 			<feTurbulence id="turbulence" baseFrequency="0.02" numOctaves="3" result="noise" seed="1" />
 			<feDisplacementMap in="SourceGraphic" in2="noise" scale="3" />
 		</filter>
-
 		<filter id="squiggly-2">
 			<feTurbulence id="turbulence" baseFrequency="0.02" numOctaves="3" result="noise" seed="2" />
 			<feDisplacementMap in="SourceGraphic" in2="noise" scale="2" />
@@ -82,7 +81,6 @@
 			<feTurbulence id="turbulence" baseFrequency="0.02" numOctaves="3" result="noise" seed="3" />
 			<feDisplacementMap in="SourceGraphic" in2="noise" scale="3" />
 		</filter>
-
 		<filter id="squiggly-4">
 			<feTurbulence id="turbulence" baseFrequency="0.02" numOctaves="3" result="noise" seed="4" />
 			<feDisplacementMap in="SourceGraphic" in2="noise" scale="1" />
@@ -90,9 +88,11 @@
 	</defs>
 </svg>
 
-<div class="h-[96vh] lg:px-[4vw] 2xl:px-[8vw] lg:py-[4vh]"><slot /></div>
+<div class="md:h-[96vh] pb-[7vh] lg:px-[4vw] 2xl:px-[8vw] lg:py-[4vh]">
+	<slot />
+</div>
 
-<nav class="w-full max-h-[4vh] z-10 fixed bottom-0 bg-ralsei-black">
+<nav class="w-full max-h-[6vh] fixed bottom-0 z-10 bg-ralsei-black">
 	<div
 		class="
 			max-w-full max-h-fit p-1 overflow-auto

src/routes/+page.svelte

@@ -2,7 +2,7 @@
 	import Window from '../components/window.svelte';
 </script>
 
-<div class="flex flex-none gap-y-4 lg:gap-y-0 flex-wrap md:flex-nowrap md:h-full">
+<div class="flex flex-col md:flex-row gap-y-4 lg:gap-y-0 md:h-full">
 	<div class="flex flex-col gap-y-2 lg:gap-y-0">
 		<Window title="readme?" iconUri='/icons/question.png'>
 			<div class="prose prose-ralsei prose-img:m-0 leading-6">
@@ -22,7 +22,7 @@
 			</div>
 		</Window>
 	</div>
-	<div class="grow" />
+	<div class="hidden md:block md:grow" />
 	<Window title="contacts!" iconUri='/icons/contact.png'>
 		<div class="prose prose-ralsei leading-6">
 			<ul>

src/routes/guestbook/+page.svelte

@@ -7,7 +7,6 @@
 </script>
 
 <div class="flex flex-col-reverse md:flex-row gap-2 md:gap-4">
-	<div class="mb-[7vh] md:hidden" />
 	<Window title="guestbook" iconUri="/icons/guestbook.png">
 		<div class="flex flex-col gap-4 2xl:w-[60ch]">
 			<p>
@@ -56,7 +55,6 @@
 		</div>
 	</Window>
 	<div class="grow" />
-	<div class="md:mb-[7vh]">
 	<Window title="entries" iconUri="/icons/entries.png">
 		<div class="flex flex-col gap-2 md:gap-4 2xl:w-[60ch]">
 			{#if data.getRatelimited}
@@ -83,7 +81,7 @@
 							{entry.content}
 						</p>
 						<p
-								class="place-self-end text-sm font-monospace max-w-[16ch] md:max-w-[24ch] lg:max-w-[32ch] overflow-hidden text-ellipsis"
+							class="place-self-end text-sm font-monospace overflow-hidden text-ellipsis text-nowrap"
 							title={entry.author}
 						>
 							--- posted by {entry.author}
@@ -110,7 +108,6 @@
 			{/if}
 		</div>
 	</Window>
-	</div>
 </div>
 
 <style lang="postcss">