Adjust mobile mockup: height 860px, reduce bottom margin

drfarrell · claude · drfarrell · commit 257d1057a4c9 · 2026-02-26T18:24:06.000-08:00
Co-Authored-By: Claude Opus 4.5 &lt;noreply@anthropic.com&gt;
diff --git a/apps/web/client/src/app/workflows/claude-code/page.tsx b/apps/web/client/src/app/workflows/claude-code/page.tsx
@@ -174,7 +174,7 @@ export default function ClaudeCodeWorkflowPage() {
 
                     {/* Editor Mockup - Mobile */}
                     <motion.div
-                        className="md:hidden w-screen relative overflow-hidden h-[800px] mb-16"
+                        className="md:hidden w-screen relative overflow-hidden h-[860px] mb-8"
                         {...getBlurAnimationProps(0.2)}
                     >
                         <div className="absolute top-1/2 right-10 transform -translate-y-1/2 h-[800px] w-[1000px]">
diff --git a/apps/web/client/src/app/workflows/vibe-coding/page.tsx b/apps/web/client/src/app/workflows/vibe-coding/page.tsx
@@ -249,7 +249,7 @@ export default function VibeCodingWorkflowPage() {
 
                     {/* Editor Mockup - Mobile */}
                     <motion.div
-                        className="md:hidden w-screen relative overflow-hidden h-[800px] mb-16"
+                        className="md:hidden w-screen relative overflow-hidden h-[860px] mb-8"
                         {...getBlurAnimationProps(0.2)}
                     >
                         <div className="absolute top-1/2 right-10 transform -translate-y-1/2 h-[800px] w-[1000px]">

Original file line number	Diff line number	Diff line change
`@@ -174,7 +174,7 @@ export default function ClaudeCodeWorkflowPage() {`
`174`	`174`
`175`	`175`	`{/* Editor Mockup - Mobile */}`
`176`	`176`	`<motion.div`
`177`		`- className="md:hidden w-screen relative overflow-hidden h-[800px] mb-16"`
	`177`	`+ className="md:hidden w-screen relative overflow-hidden h-[860px] mb-8"`
`178`	`178`	`{...getBlurAnimationProps(0.2)}`
`179`	`179`	`>`
`180`	`180`	`<div className="absolute top-1/2 right-10 transform -translate-y-1/2 h-[800px] w-[1000px]">`
Original file line number	Diff line number	Diff line change
`@@ -249,7 +249,7 @@ export default function VibeCodingWorkflowPage() {`
`249`	`249`
`250`	`250`	`{/* Editor Mockup - Mobile */}`
`251`	`251`	`<motion.div`
`252`		`- className="md:hidden w-screen relative overflow-hidden h-[800px] mb-16"`
	`252`	`+ className="md:hidden w-screen relative overflow-hidden h-[860px] mb-8"`
`253`	`253`	`{...getBlurAnimationProps(0.2)}`
`254`	`254`	`>`
`255`	`255`	`<div className="absolute top-1/2 right-10 transform -translate-y-1/2 h-[800px] w-[1000px]">`