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