Align footer content and adjust spacing for improved layout

Adjust the alignment of footer sections and reduce vertical spacing to optimize content distribution and readability.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 23852c00-4779-460a-9e0c-d09fee4b6c92
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 35676b58-fe59-434c-8467-876b04d05474
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/23852c00-4779-460a-9e0c-d09fee4b6c92/ee1CXlO
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
sebastjanartic 2026-03-06 15:18:42 +00:00
parent 37863e3fff
commit b30d871a9e

View File

@ -35,7 +35,7 @@ export default function Footer() {
))}
</div>
</div>
<div>
<div className="md:text-center">
<h4 className="font-semibold text-card-foreground mb-3">Kategorien</h4>
<ul className="space-y-2 text-sm">
<li>
@ -65,7 +65,7 @@ export default function Footer() {
</li>
</ul>
</div>
<div>
<div className="md:text-right">
<h4 className="font-semibold text-card-foreground mb-3">Folgt uns</h4>
<ul className="space-y-2 text-sm">
{SOCIAL_LINKS.map((s) => (
@ -74,7 +74,7 @@ export default function Footer() {
href={s.href}
target="_blank"
rel="noopener noreferrer"
className="text-muted-foreground hover:text-primary transition-colors inline-flex items-center gap-2"
className="text-muted-foreground hover:text-primary transition-colors inline-flex items-center gap-2 md:justify-end"
data-testid={`link-footer-${s.label.toLowerCase()}`}
>
<s.icon className="w-4 h-4" />