Min and Max Sizing in Framer (Fundamentals Lesson 11)
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.
This is where Min and Max values come in — allowing us to enforce some limits to how big or small things can get — to keep things fluid… but contained.
Let’s spend some time getting more familiar with the mechanics of min and max and look at some examples of when it saves the day.
00:00 Intro
00:11 Why min and max values matter
00:30 Understanding min and max sizing
01:36 Example: min width for responsive cards
03:09 Using max width to prevent overly wide layouts
04:51 Min height for viewport-sized sections
06:26 Max height for text boxes
07:58 Wrap up
🌞 Start for free: https://framer.link/yt
📚 Learn more at: https://framer.link/yt-academy
💎 Join the Community: https://framer.link/yt-community
🎉 Follow on X: https://framer.link/yt-x