Build flexible layouts with Frames and Stacks

Framer
3,818 views •

Learn when to use Frames versus Stacks in Framer so your layouts stay stable when content changes or the browser is resized. This lesson explains absolute and relative positioning, Stack direction, gap, padding, alignment, Fill and Fit sizing, and how to ask the Agent to repair a fragile layout without removing intentional overlaps. 00:00 Should this be a Frame or a Stack? 00:35 How Frames work 01:16 How Stacks create layout flow 02:01 Repair a fragile layout with the Agent 02:55 Frames versus Stacks recap Sign up: https://framer.link/yt Follow: https://framer.link/yt-x Learn: https://framer.link/yt-academy

Keyboard shortcuts

On. Switch them off if they collide with your assistive tools; ? still opens this sheet.

Go to

Press g then the letter.

  • gh Latest
  • gs Sources
  • gm Media
  • gv Videos
  • gp Podcasts
  • gc Calendar
  • gd Decoder
  • gz Dataviz
  • ga Datasets
  • gb Blog
  • gk Markets
  • gj Careers
  • gn Prompt Notebook

On this page

  • / Focus search, where there is one
  • t Back to top
  • ? This list
  • Esc Close