Revert "feat: full responsive layout — mobile-first, lg breakpoint, fluid typography"

This reverts commit 2505a87717.
This commit is contained in:
Marco
2026-06-30 22:07:51 +00:00
parent 2505a87717
commit b946697b12
9 changed files with 172 additions and 222 deletions
+11 -9
View File
@@ -9,16 +9,18 @@ const links = [
export function Footer() {
return (
<footer className="bg-[#111] flex flex-col items-center w-full mt-auto">
<footer className="bg-[#111] flex flex-col items-center justify-end w-full mt-auto">
{/* 3px top divider */}
{/* 3px top divider — #30302c, not a border */}
<div className="bg-[#30302c] h-[3px] w-full shrink-0" />
{/* Footer inner */}
{/* Footer inner — max-width 1280px, centered */}
<div className="flex flex-col items-start w-full max-w-[1280px] py-4">
<div className="flex flex-col lg:flex-row items-start lg:items-center justify-between gap-5 lg:gap-0 px-4 md:px-8 lg:px-16 w-full">
{/* Logo */}
{/* Three columns: logo | @handle | links */}
<div className="flex items-center justify-between px-16 w-full">
{/* Logo: "einfach produktiv" white + "." gold */}
<div className="flex items-center p-2 shrink-0">
<span
className="font-semibold text-white text-[1.25rem] leading-normal whitespace-nowrap"
@@ -29,16 +31,16 @@ export function Footer() {
</span>
</div>
{/* Social handle */}
{/* Social handle — Lora Regular (weight 400), 24px */}
<p
className="font-normal text-white text-[1.25rem] lg:text-[1.5rem] lg:text-center leading-[1.2] whitespace-nowrap shrink-0"
className="font-normal text-white text-[1.5rem] text-center leading-[1.2] whitespace-nowrap shrink-0"
style={{ fontFamily: "var(--font-lora)", fontWeight: 400 }}
>
@einfach.produktiv
</p>
{/* Legal links */}
<div className="flex flex-wrap items-start gap-x-6 gap-y-2 shrink-0">
{/* Legal links — Inter Regular 14px, gap 24px */}
<div className="flex items-start gap-6 shrink-0">
{links.map((link) => (
<Link
key={link.label}