Mobile landing page check prompt for Codex

Have Codex make a 390px version of your landing page with the call to action above the fold, 44px tap targets and a list of what it cut.

Make a 390px-wide version of this page as a separate file. Stack sections in a sensible order, keep the call to action visible without scrolling on the first screen, make every tap target at least 44px tall, and tell me which desktop elements you dropped or simplified and why.

Works with

Codex, ChatGPT

From the set

Landing pages

About this prompt

Codex makes a separate 390px-wide file of the page, restacks the sections for a phone, keeps the call to action visible on the first screen without scrolling, and makes every tap target at least 44px tall. It also lists the desktop elements it dropped or simplified, with a reason for each, and that list is the part most worth reading.

Design decisions hide in that list: a three-column feature grid turned into a long scroll, a logo strip cut to four logos, a pricing toggle that no longer fits. Accept, reject or rework each item rather than taking the file as it is. If most of your visitors are on Android, change 390px to 412px, a typical Android width.

Run this before you polish the desktop layout, not after. A desktop detail that can’t survive on a phone is better found early, and because the mobile version is a separate file, the desktop page stays untouched until you decide which changes to carry back.

More prompts from this set

• Prompt to make an AI-made landing page look less genericA review prompt that has Codex find what makes a page look AI-generated, from centered layouts to vague copy, and fix the five worst issues.
• Landing page HTML to production code prompt for CodexRebuild the approved HTML landing page in your real stack, such as Next.js and Tailwind, with your own components and the copy left as it is.
• Landing page brief prompt for CodexA brief prompt that gives Codex your product, audience, goal and proof, then asks for the page’s sections in order before any design starts.
• Hero section design prompt with three directions for CodexAsk Codex for three hero sections at 1440×900, editorial, dark and soft, with identical copy, so you compare visual style and nothing else.
• Full landing page design prompt for CodexExtend the hero direction you picked into a complete landing page, with eight named sections in a fixed order so Codex doesn’t add filler.
• Landing page features section prompt with real contentRewrite a landing page’s features so each has a concrete headline, a specific detail or number, and a small HTML visual instead of an icon.