Relative, fixed, and viewport Sizing in Framer

Creating layouts that look and behave the way we want them to largely comes down to choosing the right sizing mode for each element.

Creating layouts that look and behave the way we want them to largely comes down to choosing the right sizing mode for each element.

In this Framer tutorial, you will learn Relative, fixed, and viewport 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 Viewport Width (vw).

Lesson details

Feb 7, 2025

7:05

Framer Fundamentals

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