From 5fde7692d3c4e1ec2a6d2e7e4b53b6c3cfbe7f57 Mon Sep 17 00:00:00 2001
From: Sakarias <post@sakarias.no>
Date: Mon, 7 Oct 2024 22:23:05 +0200
Subject: [PATCH] fix(sponsor): add top and bottom margin

---
 src/components/Sponsors.astro | 75 ++++++++++++++++-------------------
 1 file changed, 35 insertions(+), 40 deletions(-)

diff --git a/src/components/Sponsors.astro b/src/components/Sponsors.astro
index f8b034a..4dd625f 100644
--- a/src/components/Sponsors.astro
+++ b/src/components/Sponsors.astro
@@ -1,40 +1,35 @@
-
-<header
-    class="flex py-5 max-sm:px-5 max-sm:py-10 max-w-7xl justify-center gap-4 w-full mx-auto bg-backgroundSecondary sm:rounded-3xl"
->
-		
-            <a href="/" class="">
-                <img
-                    src="/images/tglogo-bw.png"
-                    alt="The Gathering logo"
-                    width={150}
-                    class="aspect-thumbnail object-cover"
-                />
-            </a>
-            <a href="/" class="">
-                <img
-                    src="/images/tglogo-bw.png"
-                    alt="The Gathering logo"
-                    width={150}
-                    class="aspect-thumbnail object-cover"
-                />
-            </a>
-            <a href="/" class="">
-                <img
-                    src="/images/tglogo-bw.png"
-                    alt="The Gathering logo"
-                    width={150}
-                    class="aspect-thumbnail object-cover"
-                />
-            </a>
-            <a href="/" class="">
-                <img
-                    src="/images/tglogo-bw.png"
-                    alt="The Gathering logo"
-                    width={150}
-                    class="aspect-thumbnail object-cover"
-                />
-            </a>
-            
-
-</header>
\ No newline at end of file
+<sponsor
+  class="flex my-4 py-5 max-sm:px-5 max-sm:py-10 max-w-7xl justify-center gap-4 w-full mx-auto bg-backgroundSecondary sm:rounded-3xl">
+  <a href="/" class="">
+    <img
+      src="/images/tglogo-bw.png"
+      alt="The Gathering logo"
+      width={150}
+      class="aspect-thumbnail object-cover"
+    />
+  </a>
+  <a href="/" class="">
+    <img
+      src="/images/tglogo-bw.png"
+      alt="The Gathering logo"
+      width={150}
+      class="aspect-thumbnail object-cover"
+    />
+  </a>
+  <a href="/" class="">
+    <img
+      src="/images/tglogo-bw.png"
+      alt="The Gathering logo"
+      width={150}
+      class="aspect-thumbnail object-cover"
+    />
+  </a>
+  <a href="/" class="">
+    <img
+      src="/images/tglogo-bw.png"
+      alt="The Gathering logo"
+      width={150}
+      class="aspect-thumbnail object-cover"
+    />
+  </a>
+</sponsor>