Joders/Jody-Portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed footer alignment
All checks were successful
Deploy Jody's App / build-and-deploy (push) Successful in 19s
Details

Browse Source
This commit is contained in:
Ricearoni1245
2026-01-21 22:38:59 -06:00
parent 66f63523e2
commit b4ef9fd2e0
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/Footer.tsx
View File

@@ -26,7 +26,7 @@ export function Footer({
}) {
return (
<footer className="border-t border-secondary bg-bg px-4 py-10">
<div className="mx-auto flex max-w-7xl flex-col items-center justify-between gap-6 md:flex-row">
<div className="mx-auto max-w-7xl flex flex-col gap-6 md:grid md:grid-cols-3 md:items-end">
<div className="text-center md:text-left">
<div className="text-xl md:text-2xl font-extrabold font-name tracking-wide text-text">
Jody Holt
@@ -36,7 +36,7 @@ export function Footer({
</div>
</div>
<nav className="flex items-center gap-5">
<nav className="flex items-center gap-5 md:justify-center">
<button
className="text-text hover:text-primary anim-base"
onClick={() => document.getElementById("home")?.scrollIntoView({ behavior: "smooth" })}
@@ -57,7 +57,7 @@ export function Footer({
</button>
</nav>
<div className="flex items-center gap-4 text-text">
<div className="flex items-center gap-4 text-text md:justify-end">
{socials.map((s) => (
<a
key={s.label}