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 (
|
||||
<footer className="border-t bg-muted/30 py-12 px-4">
|
||||
<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="w-8 h-8 rounded-lg bg-primary/10 text-primary flex items-center justify-center">
|
||||
<Network className="w-5 h-5" />
|
||||
|
|
@ -13,7 +13,6 @@ export function Footer() {
|
|||
</div>
|
||||
|
||||
<div className="flex flex-wrap justify-center gap-6 text-sm text-muted-foreground">
|
||||
|
||||
<a href="#" className="hover:text-foreground transition-colors">
|
||||
{"Research"}
|
||||
</a>
|
||||
|
|
@ -23,7 +22,6 @@ export function Footer() {
|
|||
<a href="https://book.mycofi.earth" className="hover:text-foreground transition-colors">
|
||||
{"Book"}
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue