We've already included styles per each created element for correct displaying on any modern device: mobiles, tablets, desktops. But you can use helpful features for managing your elements styles for responsive designs.
You can set custom paddings, margins, text typography for responsive breakpoints individually regardless of each other. In addition, you can manage the visibility of your elements: hide something content on mobiles, or show only on a tablet etc.
For testing created styles you can switch responsive breakpoints at the bottom of Buildify panel.
You can check the responsiveness of the page in two ways:
- On the bottom right corner of the screen you will see an icon of the screen. Click on it and choose an appropriate design.
- Almost in every widget you will see icons of three devices. Click on any of them and you will see how the page looks on the desktop, tablet or mobile.
Watch our tutorial to take a closer look at this functionality.