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

Nieuwe teksten & Over-sectie, en handmatige test-deploy zonder PR #16

Merged
Sluijsens merged 13 commits from feature/about-photo-and-tekst-update into master 2026-08-17 21:29:37 +02:00
Conversation 0 Commits 13 Files Changed 11
+3 -3
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 32178bf2e5 - Show all commits
src/features/landing/components/AboutSection.tsx
+3 -3
View File
@@ -4,8 +4,8 @@ export function AboutSection() {
return ( return (
<section className="py-[88px]"> <section 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-6 sm:grid-cols-[1.2fr_0.8fr] sm:grid-rows-[auto_1fr] sm:gap-12"> <div className="grid grid-cols-1 items-start gap-8 sm:grid-cols-[1.2fr_0.8fr] sm:grid-rows-[auto_1fr] sm:items-stretch sm:gap-12">
<div className="order-1 mb-2 sm:col-start-1 sm:row-start-1 sm:mb-0"> <div className="order-1 mb-3 sm:col-start-1 sm:row-start-1 sm:mb-0">
<span <span
id="over" id="over"
className="font-mono block scroll-mt-16 text-sm uppercase tracking-wider text-accent" className="font-mono block scroll-mt-16 text-sm uppercase tracking-wider text-accent"
@@ -17,7 +17,7 @@ export function AboutSection() {
</h2> </h2>
</div> </div>
<div className="order-2 flex items-center justify-center sm:order-3 sm:col-start-2 sm:row-start-1 sm:row-span-2"> <div className="order-2 flex items-center justify-center sm:order-3 sm:col-start-2 sm:row-start-1 sm:row-span-2">
<div className="font-mono flex h-40 w-40 flex-col items-center justify-center gap-1 rounded-full border-2 border-accent-line bg-surface text-center text-[0.7rem] uppercase tracking-wider text-muted shadow-lg sm:h-48 sm:w-48"> <div className="font-mono flex h-40 w-40 flex-col items-center justify-center gap-1 rounded-full border-2 border-accent-line bg-surface text-center text-[0.7rem] uppercase tracking-wider text-muted shadow-lg sm:h-56 sm:w-56">
<span>foto</span> <span>foto</span>
<span>Bryan Slop</span> <span>Bryan Slop</span>
</div> </div>