In this article, we will learn how to make our project responsive by setting breakpoints for different screen sizes.
First, select the relevant frames and, in the right-hand menu, click on the Responsive Settings.
Make sure to check the Adaptive Mode checkbox for each frame.
Click on Responsive Breakpoint and choose the frame.
Set the desired breakpoints.
Once you set the first breakpoint, the next frame will automatically start from where the previous one ends.
You can see here the full guide for How to connect breakpoints with adaptive mode