From daeafdeaf8b6bda532531fa2d5d8f523965277b2 Mon Sep 17 00:00:00 2001
From: Tim Schilling <schillingt@better-simple.com>
Date: Tue, 3 Dec 2024 19:22:30 -0600
Subject: [PATCH] Use two separate divs for the rows of buttons.

I can't figure out tailwind and I don't have the ability
to run this locally at the moment. So here we are.
---
 home/templates/home/home_page.html | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/home/templates/home/home_page.html b/home/templates/home/home_page.html
index dd71fb8..79b8fd2 100644
--- a/home/templates/home/home_page.html
+++ b/home/templates/home/home_page.html
@@ -10,11 +10,13 @@
     </a>
     <h1 class="p-0 text-[10vw] leading-[10vw] font-fraunces font-bold text-center">Where contributors launch</h1>
     <p class="p-3 text-xl">Ready for take-off?</p>
-    <div class="grid grid-flow-row-dense grid-cols-3 md:grid-cols-1 links mt-0 mb-5">
+    <div class="flex flex-col md:flex-row links mt-0 mb-0">
         <a class="button-secondary text-black bg-white hover:bg-ds-purple hover:text-white" href="{% url "session_list" %}">Sessions</a>
         <a class="button-secondary" href="{% url "event_list" %}">Events</a>
         <a class="button-secondary" href="https://github.com/djangonaut-space/program/blob/main/README.md">Program</a>
         <a class="button-secondary" href="{% slugurl "comms" %}">Blog</a>
+    </div>
+    <div class="flex flex-col md:flex-row links mt-2 md:mt-0 mb-5">
         <a class="button-secondary" href="{% slugurl "media-talks" %}">Media</a>
         <a class="button-secondary" href="{% slugurl "partnerships-sponsors" %}">Sponsors</a>
         <a class="button-secondary" href="{% slugurl "uniform-supply-office" %}">Store</a>