2026-08-17 21:29:37 +02:00
1 changed files with 5 additions and 3 deletions
@@ -16,10 +16,12 @@ export function AboutSection() {
              Eén ontwikkelaar, korte lijnen
            </h2>
          </div>
-          <div className="font-mono order-2 flex aspect-[4/5] w-full flex-col items-center justify-center gap-2 rounded border border-dashed border-line bg-surface p-6 text-center text-[0.8rem] uppercase tracking-wider text-muted 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">
              <span>foto</span>
              <span>Bryan Slop</span>
            </div>
+          </div>
          <div className="order-3 sm:order-2 sm:col-start-1 sm:row-start-2">
            {aboutContent.paragraphs.map((paragraph) => (
              <p key={paragraph} className="mb-4 text-muted">