SLP_Software/SlpSoftware
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Verklein witruimte boven foto op mobiel

Browse Source 
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>
This commit is contained in:
Sluijsens
2026-08-17 14:08:05 +02:00
co-authored by Claude Sonnet 5
parent d30835a0c8
commit 033547232e
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/features/landing/components/AboutSection.tsx
+2 -2
View File
@@ -4,8 +4,8 @@ export function AboutSection() {
return ( return (
<section id="over" className="py-[88px]"> <section id="over" className="py-[88px]">
<div className="mx-auto max-w-[1080px] px-6"> <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="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-6 sm:col-start-1 sm:row-start-1 sm:mb-0"> <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"> <span className="font-mono block text-sm uppercase tracking-wider text-accent">
// over // over
</span> </span>