Changing the mobile layout vs. desktop layout
Learn how to prompt an AI agent to make modifications on mobile version of the site
Updated
by Andrija Krstic
This article contains instructions on how to view the mobile layout while using the builder, as well as how to prompt the agent to make modifications specifically on mobile view.
Overview
Your site should be optimized for both desktop and mobile users. The section below includes video instructions on how to preview your site in mobile view and outlines techniques for prompting the AI agent to apply changes only to the mobile layout while keeping the desktop version unchanged.
Video & Prompt Instructions
Prompts used in the video are copied below.
Make the "page name i.e about" page mobile optimised.Decrease the heading size on mobile.Increase the heading size on desktop.
Provided prompts are intended as guidance only and should be adapted and refined for the specific use case before being used in a project. Given the indeterministic nature of AI systems, the same prompt may also produce slightly different results across environments or executions.
How did we do?
Deploying Site
