From 15276c90ac448e005d31f02805b4a47a2f5a25c7 Mon Sep 17 00:00:00 2001
From: Brandon Egger <brandonegger64@gmail.com>
Date: Mon, 10 Apr 2023 20:09:27 -0500
Subject: [PATCH] improve UX

---
 src/components/Footer.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index c5d8873..9edfab5 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -88,7 +88,7 @@ const Footer: NextPage = () => {
             <div className="bg-yellow-400 border-t-[1px] border-neutral-400 p-[4px]"></div>
 
             {/** Main footer area */}
-            <div className="mx-auto max-w-5xl p-4 flex flex-col-reverse sm:flex-row justify-between">
+            <div className="mx-auto max-w-5xl p-4 flex flex-col-reverse md:flex-row justify-between">
                 {/** Wendell Johnson Info */}
                 <div className="flex-col mt-8 sm:mt-0">
                     <Image alt="University of Iowa logo" width={128} height={64} src="/IOWA-gold-text.png" />
@@ -100,7 +100,7 @@ const Footer: NextPage = () => {
                 </div>
 
                 {/** Header and tabs */}
-                <div className="flex flex-row text-neutral-200 sm:px-4 divide-x divide-neutral-500">
+                <div className="flex flex-row text-neutral-200 mx-auto md:mx-0 sm:px-4 divide-x divide-neutral-500">
                     <FooterLabeledSection title="Quick Links">
                         <div className="flex flex-col pt-4 space-y-2">
                             {links.map((quickLink, index) => {