Adjust layout and structure
Change a selected layout and review every breakpoint.
Soidesmax · 2 min read · Updated 2026-10-27
Before you begin
Work in a practice copy. Select the section you intend to change, then open Agent in the right-hand panel. Use Style for manual property edits. AI availability and credits depend on your workspace; these steps are optional and the manual Framer UI lessons work without AI.
Give the Agent a focused task
Paste this starting prompt and replace the example details with your own:
Change only the selected feature section to three equal cards on desktop, two on tablet and one on phone. Use a Stack or Grid with flexible sizing. Keep all copy and images. Avoid fixed heights that clip text. Preserve the existing page header and footer, and do not publish.
Review the result
Inspect all cards with your longest real title. Look for overflow, awkward gaps, reordered content and accidental changes to neighboring sections. Drag the preview width between breakpoints.
Finish deliberately
Compare the result with your original. Undo unwanted edits before continuing. Check phone, tablet and desktop previews, including widths between breakpoints. Publish only after reviewing the actual content and links.