1.3: Layout, Sizing & Positioning

In this video, we focus on layout, sizing, and positioning in Framer. You’ll learn about layout options like Stacks and Grids, distribution and alignment of elements within a Frame, and concepts like padding and gaps. Discover different sizing options such as Fixed, Relative, Fill, and Fit Content, and explore positioning techniques including Absolute, Relative, Fixed, and Sticky.

Files

Download resources

Download resources

Assignments

First assignment

First assignment