feat: center footer elements with justify-center
Update flexbox to center content horizontally. #VERCEL_SKIP Co-authored-by: Jeff Emmett <46964190+Jeff-Emmett@users.noreply.github.com>
This commit is contained in:
parent
107c607a27
commit
9036ca6647
|
|
@ -4,7 +4,7 @@ export function Footer() {
|
||||||
return (
|
return (
|
||||||
<footer className="border-t bg-muted/30 py-12 px-4">
|
<footer className="border-t bg-muted/30 py-12 px-4">
|
||||||
<div className="max-w-7xl mx-auto">
|
<div className="max-w-7xl mx-auto">
|
||||||
<div className="flex flex-col md:flex-row justify-between items-center gap-6">
|
<div className="flex flex-col md:flex-row justify-center items-center gap-6">
|
||||||
<div className="flex items-center gap-2">
|
<div className="flex items-center gap-2">
|
||||||
<div className="w-8 h-8 rounded-lg bg-primary/10 text-primary flex items-center justify-center">
|
<div className="w-8 h-8 rounded-lg bg-primary/10 text-primary flex items-center justify-center">
|
||||||
<Network className="w-5 h-5" />
|
<Network className="w-5 h-5" />
|
||||||
|
|
@ -13,7 +13,6 @@ export function Footer() {
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="flex flex-wrap justify-center gap-6 text-sm text-muted-foreground">
|
<div className="flex flex-wrap justify-center gap-6 text-sm text-muted-foreground">
|
||||||
|
|
||||||
<a href="#" className="hover:text-foreground transition-colors">
|
<a href="#" className="hover:text-foreground transition-colors">
|
||||||
{"Research"}
|
{"Research"}
|
||||||
</a>
|
</a>
|
||||||
|
|
@ -23,7 +22,6 @@ export function Footer() {
|
||||||
<a href="https://book.mycofi.earth" className="hover:text-foreground transition-colors">
|
<a href="https://book.mycofi.earth" className="hover:text-foreground transition-colors">
|
||||||
{"Book"}
|
{"Book"}
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue