Merge pull request #1877 from Androz2091/docs-update

fix: responsive footer
Androz2091 · Nov 19, 2023 · 5399611 · 5399611
2 parents 535c872 + fe3470d
commit 5399611
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/apps/website/src/components/footer/index.tsx b/apps/website/src/components/footer/index.tsx
@@ -4,13 +4,13 @@ import { cn } from '@edge-ui/react';
 
 export default function Footer() {
     return (
-        <footer className="border-t py-4 px-16">
-            <div className="flex items-start justify-around">
+        <footer className="border-t py-4 lg:px-16">
+            <div className="flex flex-col lg:flex-row items-center justify-around">
                 <div className="flex flex-col items-center">
                     <TextMark />
                     <h2 className={cn('text-lg font-bold select-none')}>Discord Player</h2>
                 </div>
-                <div className="flex items-start gap-16">
+                <div className="grid grid-cols-3 gap-2 md:gap-8">
                     <div className="flex items-start flex-col text-sm">
                         <h3 className="font-semibold">Links</h3>
                         <Link href="/docs" className="text-blue-500">