From fe6797a9b11067f7692e7f0a113697de7b7c6b97 Mon Sep 17 00:00:00 2001
From: Brandon Egger <brandonegger64@gmail.com>
Date: Mon, 10 Apr 2023 18:14:04 -0500
Subject: [PATCH] improve mobile 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 3426008..2d8f97e 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -69,9 +69,9 @@ 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-row justify-between">
+            <div className="mx-auto max-w-5xl p-4 flex flex-col-reverse sm:flex-row justify-between">
                 {/** Wendell Johnson Info */}
-                <div className="flex-col">
+                <div className="flex-col mt-8 sm:mt-0">
                     <Image alt="University of Iowa logo" width={128} height={64} src="/IOWA-gold-text.png" />
                     <div className="px-2 text-neutral-100">
                         <p className="text-yellow-300 italic">Wendell Johnson Speech and Hearing Center</p>