From 8508b679c0ac5e45e640523901616af7a42d2382 Mon Sep 17 00:00:00 2001
From: GeorgeWebberley <george@brain-plus.com>
Date: Wed, 4 Feb 2026 16:45:06 +0100
Subject: [PATCH] Fixed mobile layout of CV

---
 app/cv/page.tsx | 19 +++++++------------
 1 file changed, 7 insertions(+), 12 deletions(-)

diff --git a/app/cv/page.tsx b/app/cv/page.tsx
index 4536527..b63c741 100644
--- a/app/cv/page.tsx
+++ b/app/cv/page.tsx
@@ -19,25 +19,24 @@ export default function CVPage() {
       {/* Main Container*/}
       <div className="bg-white text-slate-900 p-8 md:p-16 rounded-sm shadow-2xl print:shadow-none print:p-12 print:m-0 font-sans print:text-[12pt] leading-normal">
         <header className="border-b-4 border-slate-900 pb-8 print:pb-4 mb-8 print:mb-6 flex flex-col md:flex-row print:grid print:grid-cols-[1.5fr_1fr] justify-between items-start gap-6">
-          <div className="flex print:flex print:items-center">
-            <div className="mr-3 shrink-0">
+          <div className="flex flex-wrap items-center gap-4 sm:gap-6 mb-4 print:mb-2 print:flex-nowrap">
+            <div className="shrink-0">
               <img
                 src="/profile.jpg"
                 alt="George A. Webberley"
-                className="w-25 h-25 print:w-16 print:h-16 rounded-full object-cover border-2 border-slate-100 shadow-sm"
+                className="w-20 h-20 md:w-24 md:h-24 print:w-16 print:h-16 rounded-full object-cover border-2 border-slate-100 shadow-sm"
               />
             </div>
-            <div className="min-w-0">
-              <h1 className="text-5xl print:text-3xl font-extrabold tracking-tighter mb-2 text-slate-900 whitespace-nowrap">
+            <div className="min-w-0 flex-1">
+              <h1 className="text-3xl md:text-5xl print:text-3xl font-extrabold tracking-tighter mb-1 text-slate-900 lg:whitespace-nowrap print:whitespace-nowrap">
                 George A. Webberley
               </h1>
-              <p className="text-2xl print:text-[14pt] text-orange-600 font-bold uppercase tracking-tight whitespace-nowrap">
+              <p className="text-lg md:text-2xl print:text-[14pt] text-orange-600 font-bold uppercase tracking-tight lg:whitespace-nowrap print:whitespace-nowrap">
                 Full Stack Engineer // Systems Architect
               </p>
             </div>
           </div>
-
-          {/* Contact Info - Explicitly right-aligned for print */}
+          {/* Contact Info */}
           <div className="space-y-1 text-sm print:text-[9px] text-slate-500 font-mono text-right print:w-full print:flex print:flex-col print:items-end">
             <div className="flex items-center md:justify-end gap-2">
               <MapPin size={14} /> Copenhagen, Denmark
@@ -363,16 +362,12 @@ export default function CVPage() {
                 <p className="text-[12px] print:text-[10px] text-slate-700 mb-3 print:mb-1.5 leading-tight">
                   Detailed architecture diagrams and documentation:
                 </p>
-
-                {/* Web Version: Clickable Link */}
                 <a
                   href="https://georgew.dev"
                   className="text-sm print:hidden font-black flex items-center gap-1 hover:underline text-slate-900"
                 >
                   GEORGEW.DEV <ExternalLink size={14} />
                 </a>
-
-                {/* Print Version: Static text that won't be stripped by "a" selectors */}
                 <div className="hidden print:block text-sm font-black text-slate-900">
                   GEORGEW.DEV
                 </div>