Framer Tutorial Layout and Sizing

############################# Video Source: www.youtube.com/watch?v=ebtzVGVVHhA

A Framer Tutorial about Layout, in which we’ll cover the differences between Frames, Stacks and Grids, and when to use which. Next, we’ll cover sizing options: Fixed, Relative, Fill and Fit Content. We’ll not only show you how to apply these concepts to layouts, but to entire pages as well. • Watch the Layout Tool introduction video here: • • Framer Sites: Layout Tool Introduction • Timestamps: • 00:00 Introduction • 00:27 Designing a Header with Frames • 01:28 Layout Constraints / Pinning • 02:44 Converting the Header to a Stack • 04:23 Auto-Sizing Stacks • 05:24 Frames vs. Stacks Recap • 05:56 A Quick Look at Grids • 07:55 All Sizing Options • 10:11 Frames vs. Stacks on Pages (Breakpoints) • 🌞 Try Framer for free: https://framer.com • 🎉 Follow on Twitter: / framer • 💎 Join Community: https://www.framer.community • #website #webdesign #framer

#############################

New on site