From 7c437f48a83baecc23122920f05e7fbc15d6e1a2 Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim <sebin.nyshkim@icloud.com>
Date: Tue, 15 Oct 2024 13:37:48 +0200
Subject: [PATCH] fix: :lipstick: wrap footer contents on mobile

---
 src/layouts/base.njk | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/layouts/base.njk b/src/layouts/base.njk
index c6018dd..f470d65 100644
--- a/src/layouts/base.njk
+++ b/src/layouts/base.njk
@@ -52,14 +52,14 @@
     <footer class="pb-16">
       <div class="mx-auto max-w-screen-xl divide-y divide-slate-400 px-safe-offset-4 md:px-safe-offset-6 dark:divide-slate-600">
         <div class="flex flex-wrap gap-6 md:flex-nowrap md:gap-0"></div>
-        <div class="mt-16 flex justify-between gap-4 pt-10">
-          <div>
+        <div class="mt-16 flex flex-wrap justify-between gap-4 pt-10 sm:flex-nowrap">
+          <div class="basis-full">
             <p>&copy; {% year %} Sebin Nyshkim</p>
             <p>Content licensed under
               <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a>
             </p>
           </div>
-          <div class="text-right">
+          <div class="basis-full sm:text-right">
             <p>Made with <a href="https://11ty.dev">11ty</a></p>
           </div>
         </div>