Sizing to Fill and Fit Content in Framer (Fundamentals Lesson 7) - AI Dubbing & Video Translation

Stacks not only allow us to create rows or columns of perfectly aligned and distributed elements, they also unlock two of the most powerful sizing modes in Framer, fill and fit content. Since relative position layers are aware of their siblings and push against one another, we can use fill sizing to determine how they scale to occupy the available space, ensuring our designs are fluid and responsive across different screen sizes and devices. On the flip side, stacks can also be set to fit content to automatically snug themselves around their child elements. In this lesson, we're gonna dig deep into how these two sizing modes work, along with how and when to use them. Let's jump in. In the previous lesson, we created a stack of text boxes for a minimalist nav bar.