From 66c155bab73ea3c0d1db6d7e868cfe76a518a2bd Mon Sep 17 00:00:00 2001
From: Sidharth Vinod <sidharthv96@gmail.com>
Date: Fri, 21 Feb 2025 21:02:47 +0530
Subject: [PATCH] fix: Layout for banner

---
 src/app.postcss                        |  4 ++++
 src/lib/util/promos/January2025.svelte | 30 +++++++++++++++-----------
 2 files changed, 21 insertions(+), 13 deletions(-)

diff --git a/src/app.postcss b/src/app.postcss
index 528b5111..1f611bac 100644
--- a/src/app.postcss
+++ b/src/app.postcss
@@ -15,3 +15,7 @@
   position: initial;
   vertical-align: revert;
 }
+
+.d {
+  @apply border border-red-500;
+}
diff --git a/src/lib/util/promos/January2025.svelte b/src/lib/util/promos/January2025.svelte
index fd520e06..90678519 100644
--- a/src/lib/util/promos/January2025.svelte
+++ b/src/lib/util/promos/January2025.svelte
@@ -113,20 +113,24 @@
 </script>
 
 <div
-  class="h-50 flex w-full justify-between {design === 1
+  class="flex w-full p-1.5 {design === 1
     ? 'bg-gradient-to-r from-[#bd34fe] to-[#ff3670]'
     : 'bg-[#E0095F]'} ">
-  {#key currentTagline}
-    <a
-      href={currentTagline.url}
-      target="_blank"
-      class="col-start-1 row-start-1 flex items-center justify-center gap-4 p-0.5 no-underline"
-      in:fade={{ delay: 750 }}
-      out:fade={{ duration: 1000 }}>
-      <span class="text-sm tracking-wider">{currentTagline.label}</span>
-      <button class="shrink-0 rounded-lg bg-[#1E1A2E] px-3 py-2 text-sm font-semibold tracking-wide"
-        >Try now</button>
-    </a>
-  {/key}
+  <div class="grid grow">
+    {#key currentTagline}
+      <a
+        href={currentTagline.url}
+        target="_blank"
+        class="col-start-1 row-start-1 flex items-center justify-center gap-4 no-underline"
+        in:fade={{ delay: 750 }}
+        out:fade={{ duration: 1000 }}>
+        <span class="text-sm tracking-wider">{currentTagline.label}</span>
+        <button
+          class="shrink-0 rounded-lg bg-[#1E1A2E] px-3 py-1.5 text-sm font-semibold tracking-wide">
+          Try now
+        </button>
+      </a>
+    {/key}
+  </div>
   {@render closeBanner()}
 </div>