This lesson was released before Agents, Branching, and the CMS update on June 16, 2026. Some UI may differ, but the core concepts still apply.

Min and max sizing in Framer

When we use flexible sizing modes like fill or relative, we run the risk of things being stretched or squashed to such a degree that things get a bit… well… ugly.

When we use flexible sizing modes like fill or relative, we run the risk of things being stretched or squashed to such a degree that things get a bit… well… ugly.

In this Framer tutorial, you will learn Min and max sizing in Framer. We explain a practical workflow, highlight the key settings that affect the result, and show how to apply the technique on real pages for cleaner UX and better site performance. See Fill.

Lesson details

Feb 8, 2025

8:26

Framer Fundamentals

Remix Project

Continue course

The Framer interface

5:16

The anatomy of a project

5:38

Interacting with layers

6:01

Thinking in frames

3:53

Absolute positioning

7:39

Related videos

Academy