fix: font-size in mobile screens

FrancescoXX · Nov 11, 2022 · a47e03c · a47e03c
1 parent 1b11f06
commit a47e03c
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/components/Footer.js b/components/Footer.js
@@ -1,7 +1,7 @@
 import { FaGithub, FaTwitter, FaDiscord } from "react-icons/fa";
 const Footer = () => {
   return (
-    <footer className="flex flex-col items-center py-10 text-center gap-4 text-white/80 bg-[#0d1117]">
+    <footer className="flex flex-col items-center py-8 text-center gap-4 text-white/80 bg-[#0d1117] md:max-md: p-4">
       <div className="flex items-center">
         <div className="flex gap-10">
           <a
@@ -27,7 +27,7 @@ const Footer = () => {
           </a>
         </div>
       </div>
-      <p className="font-medium text-white/90 md:max-lg: text-sm">
+      <p className="font-medium text-white/80 md:max-md: text-xs">
         4C | Developed by 4C Community &#169; 2022
       </p>
     </footer>