Fixes mobile layout
Continuous Integration / config (pull_request) Successful in 9s
Continuous Integration / prepare (pull_request) Successful in 1m15s
Continuous Integration / build (pull_request) Successful in 1m47s
Continuous Integration / test (pull_request) Successful in 1m42s
Continuous Integration / deploy-test (pull_request) Skipped

This commit is contained in:
2026-07-25 00:06:30 +02:00
parent 5b04b12053
commit 63e11f1595
3 changed files with 92 additions and 4 deletions
+3 -3
View File
@@ -19,18 +19,18 @@ export function Hero() {
<span>{heroContent.codeLine}</span>
<span className="caret" data-testid="hero-caret" />
</div>
<div className="flex flex-wrap gap-4">
<div className="flex flex-col gap-4 sm:flex-row sm:flex-wrap">
<a
href="#pakketten"
onClick={(event) => handleAnchorClick(event, '#pakketten')}
className="rounded-lg bg-accent px-6 py-3.5 text-[0.98rem] font-semibold text-[var(--color-accent-contrast)] transition-transform hover:bg-[var(--color-accent-hover)] active:scale-[0.98]"
className="rounded-lg bg-accent px-6 py-3.5 text-center text-[0.98rem] font-semibold text-[var(--color-accent-contrast)] transition-transform hover:bg-[var(--color-accent-hover)] active:scale-[0.98] sm:text-left"
>
Bekijk pakketten
</a>
<a
href="#contact"
onClick={(event) => handleAnchorClick(event, '#contact')}
className="rounded-lg border border-line px-6 py-3.5 text-[0.98rem] font-semibold text-text transition-colors hover:border-accent-line"
className="rounded-lg border border-line px-6 py-3.5 text-center text-[0.98rem] font-semibold text-text transition-colors hover:border-accent-line sm:text-left"
>
Plan een gesprek
</a>