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

@@ -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>