From 033547232ee416b1f984f5bc25fcf0ddcefa8a64 Mon Sep 17 00:00:00 2001
From: Sluijsens <bdslop@gmail.com>
Date: Mon, 17 Aug 2026 14:08:05 +0200
Subject: [PATCH] Verklein witruimte boven foto op mobiel

gap-12 (3rem) tussen grid-items plus mb-6 op de kop-div stapelden op
tot te veel ruimte tussen "// over" en de foto op mobiel. Op mobiel nu
gap-6 en mb-2; vanaf sm ongewijzigd (gap-12, geen extra marge).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 src/features/landing/components/AboutSection.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/features/landing/components/AboutSection.tsx b/src/features/landing/components/AboutSection.tsx
index 10ab132..a87bc1b 100644
--- a/src/features/landing/components/AboutSection.tsx
+++ b/src/features/landing/components/AboutSection.tsx
@@ -4,8 +4,8 @@ export function AboutSection() {
   return (
     <section id="over" className="py-[88px]">
       <div className="mx-auto max-w-[1080px] px-6">
-        <div className="grid grid-cols-1 items-start gap-12 sm:grid-cols-[1.2fr_0.8fr] sm:grid-rows-[auto_1fr]">
-          <div className="order-1 mb-6 sm:col-start-1 sm:row-start-1 sm:mb-0">
+        <div className="grid grid-cols-1 items-start gap-6 sm:grid-cols-[1.2fr_0.8fr] sm:grid-rows-[auto_1fr] sm:gap-12">
+          <div className="order-1 mb-2 sm:col-start-1 sm:row-start-1 sm:mb-0">
             <span className="font-mono block text-sm uppercase tracking-wider text-accent">
               // over
             </span>