diff --git a/app/footer.tsx b/app/footer.tsx
index 33ca7f7..93882c5 100644
--- a/app/footer.tsx
+++ b/app/footer.tsx
@@ -1,3 +1,4 @@
+import clsx from 'clsx';
 import { memo } from 'react';
 import { FiGithub } from 'react-icons/fi';
 
@@ -9,9 +10,15 @@ const Footer = () => {
       <footer className="max-w-6xl px-4 mx-auto xl:px-0">
         <div className="h-[2px] bg-slate-500"></div>
 
-        <div className="flex items-center justify-between py-4">
-          <div>&copy; {nowDay} Powered by Next.js 💙 xfy</div>
-          <div>
+        <div
+          className={clsx(
+            'flex items-center flex-col',
+            'justify-between py-4',
+            'lg:flex-row'
+          )}
+        >
+          <div className="mb-1">&copy; {nowDay} Powered by Next.js 💙 xfy</div>
+          <div className="mb-1">
             <a
               href="https://github.com/DefectingCat"
               target="_blank"