In this article, you’ll learn how to make your project responsive by connecting breakpoint frames for different screen sizes.
Steps:
Choose one of the breakpoint frames you created.
In the Design panel, open the Responsive tab.
Click the “+” icon to connect responsive breakpoints, then select the frames you want to link.
To add more breakpoints, simply click the “+” again and repeat the process.
Set the minimum and maximum sizes for each breakpoint.
Once you set the first one, the next frame will automatically start where the previous one ends.
That’s it! 🎉
Your project now adjusts smoothly between different screen sizes.
👉 Check this guide next: How to connect breakpoints with adaptive mode