Heegh. HEEEEEGH

src/lib/components/AdBanner.svelte

@@ -1,3 +1,3 @@
 <a href="/games/1">
-    <img class="w-full min-h-28 max-h-28" src="https://cdn.discordapp.com/attachments/1025864353452400812/1028718186700480513/058f09be8a19b8607d6fe50baa6659a1-AdBannerTemplate.png" alt="Your ad here.">
+    <img class="w-full min-h-28 max-h-28 mb-4" src="https://cdn.discordapp.com/attachments/1025864353452400812/1028718186700480513/058f09be8a19b8607d6fe50baa6659a1-AdBannerTemplate.png" alt="Your ad here.">
 </a>

src/lib/components/Alert.svelte

@@ -1,3 +1,3 @@
-<div class="container flex bg-indigo-600 outline outline-1 outline-indigo-700 items-center justify-center mb-4 mt-[-1rem]">
+<div class="container flex bg-indigo-600 outline outline-1 outline-indigo-700 items-center justify-center mb-2 mt-[-0.5rem]">
     <p class="text-white">This is an example alert</p>
 </div>

src/routes/(app)/+layout.svelte

@@ -1,3 +1,8 @@
+<script>
+	import Alert from "$lib/components/Alert.svelte";
+	import Banner from "$lib/components/AdBanner.svelte";
+</script>
+
 <div class="navbar scrolling-background text-lg py-1 text-white">
 	<div class="container flex items-center justify-end">
 		<a href="/">
@@ -49,6 +54,8 @@
 </div>
 
 <div class="text-black container mt-4 min-h-[100vh]">
+	<Alert />
+	<Banner />
 	<slot />
 </div>
 <br>

src/routes/(app)/+page.svelte

@@ -1,16 +1,12 @@
 <script>
 	import Game from "$lib/components/GameListed.svelte";
 	import Friend from "$lib/components/UserListed.svelte";
-	import Banner from "$lib/components/AdBanner.svelte";
-	import Alert from "$lib/components/Alert.svelte";
 </script>
 
 <svelte:head>
 	<title>Home - Rowblox</title>
 </svelte:head>
-<Alert />
-<Banner />
-<br>
+
 <div class="flex items-center">
 	<img class="rounded-full border-2 border-grey-300 w-36 h-36 mx-2 shadow-lg" src="" alt="" />
 	<p class="mx-2 font-bold text-3xl">Hello, Only16Characters!</p>