diff --git a/src/Footer.svelte b/src/Footer.svelte
index 4dc49d5..b29e9be 100644
--- a/src/Footer.svelte
+++ b/src/Footer.svelte
@@ -6,11 +6,9 @@
 <footer
     class="flex flex-col items-center border-t-2 border-contrast-900 bg-contrast-900 px-2 py-8 text-primary-200 dark:border-primary-300 dark:bg-primary-100 dark:text-contrast-900"
 >
-    <div
-        class="flex flex-row flex-wrap justify-center gap-8 text-center md:text-lg"
-    >
+    <div class="grid grid-cols-1 md:grid-cols-3 gap-8 text-center md:text-lg">
         {#each Routes.footerRoutes as section}
-            <ul class="flex-1">
+            <ul>
                 <li>
                     <h6 class="font-semibold">{section.text}</h6>
                 </li>